/* ----------------------------------

Name: style.css
Version: 1.0

-----------------.btn_contact_us--------------------
Table of contents

    01. Google font
    02. Reset
    03. Typography
    04. Margin
    05. Color
    06. Padding
    07. Font Size
    08. Line Height
    09. Button
    10. Hover
    11. Banner
    12. Custom
*/

/* ===================================
    Google font
====================================== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

/* ===================================
    Reset
====================================== */

body{color:#333; font-size: 14px; line-height: 24px; font-weight: 400;
	font-family: 'Manrope' !important;
	background-color: #e3e3e3;
}

.navbar {margin-bottom: 0}
ul{margin: 0; padding: 0; list-style-type:none}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;}
p{margin-bottom: 0;}
a{text-decoration: none; color: #fff;}
a:hover{text-decoration: none; }
figure{margin: 0}


#back_to_top {
    scroll-behavior: smooth
}
/* ===================================
    Typography
====================================== */
.primary_font   {font-family: 'Manrope', cursive;}
/* ===================================
    Margin
====================================== */
/*Margin Bottom*/
.margin_bottom_0    {margin-bottom: 0}
.margin_bottom_5    {margin-bottom: 5px}
.margin_bottom_8    {margin-bottom: 8px}
.margin_bottom_10   {margin-bottom: 10px}
.margin_bottom_13   {margin-bottom: 13px}
.margin_bottom_15   {margin-bottom: 15px}
.margin_bottom_18   {margin-bottom: 18px}
.margin_bottom_20   {margin-bottom: 20px}
.margin_bottom_25   {margin-bottom: 25px}
.margin_bottom_26   {margin-bottom: 26px}
.margin_bottom_30   {margin-bottom: 30px}
.margin_bottom_35   {margin-bottom: 35px}
.margin_bottom_38   {margin-bottom: 38px}
.margin_bottom_40   {margin-bottom: 40px}
.margin_bottom_45   {margin-bottom: 45px}
.margin_bottom_50   {margin-bottom: 50px}
.margin_bottom_55   {margin-bottom: 55px}
.margin_bottom_60   {margin-bottom: 60px}
.margin_bottom_65   {margin-bottom: 65px}
.margin_bottom_70   {margin-bottom: 70px}
.margin_bottom_75   {margin-bottom: 75px}
.margin_bottom_80   {margin-bottom: 80px}
.margin_bottom_85   {margin-bottom: 85px}
.margin_bottom_90   {margin-bottom: 90px}
.margin_bottom_95   {margin-bottom: 95px}
.margin_bottom_100  {margin-bottom: 100px}
.margin_bottom_115  {margin-bottom: 115px}
.margin_bottom_150  {margin-bottom: 150px}

/*Margin Right*/
.margin_right_5   {margin-right: 5px}
.margin_right_14   {margin-right: 14px}
.margin_right_10   {margin-right: 10px}
.margin_right_12   {margin-right: 12px}
.margin_right_15  {margin-right: 15px}
.margin_right_20   {margin-right: 20px}
.margin_right_30   {margin-right: 30px}
.margin_right_32   {margin-right: 32px}
.margin_right_60   {margin-right: 60px}
.margin_right_130   {margin-right: 130px}
.margin_right_200   {margin-right: 200px}

/*Margin Left*/
.margin_left_5   {margin-left: 5px}
.margin_left_14    {margin-left: 14px}
.margin_left_10   {margin-left: 10px}
.margin_left_12   {margin-left: 12px}
.margin_left_13   {margin-left: 13px}
.margin_left_15   {margin-left: 15px}
.margin_left_20   {margin-left: 20px}
.margin_left_30   {margin-left: 30px}
.margin_left_32   {margin-left: 32px}
.margin_left_50   {margin-left: 50px}
.margin_left_60   {margin-left: 60px}
.margin_left_100  {margin-left: 100px}

/*Margin Top*/
.margin_top-2   {margin-top: -2px}
.margin_top_5  {margin-top: 5px}
.margin_top_10  {margin-top: 10px}
.margin_top_15  {margin-top: 15px}
.margin_top_20  {margin-top: 20px}
.margin_top_25  {margin-top: 25px}
.margin_top_30  {margin-top: 30px}
.margin_top_40  {margin-top: 40px}
.margin_top_45  {margin-top: 45px}
.margin_top_35  {margin-top: 35px}
.margin_top_50  {margin-top: 50px}
.margin_top_57  {margin-top: 57px}
.margin_top_60  {margin-top: 60px}
.margin_top_80  {margin-top: 80px}
.margin_top_90  {margin-top: 90px}
.margin_top_95  {margin-top: 95px}
.margin_top_100 {margin-top: 100px}
.margin_top_150 {margin-top: 150px}
.margin_top-170 {margin-top: 170px}

/* ===================================
     Color
====================================== */
/*Colors*/
.color_000040 {color: #000040;}
.color_fff {color: #fff;}
.color_f4c905 {color: #f4c905}
.color_000 {color: #000;}
.color_333 {color: #333;}

/*Background Colors*/
.bg_fff {background-color: #fff;}
.bg_f4c905 {background-color: #f4c905;}
.bg_e3e3e3 {background: #e3e3e3}
.bg_061f5c {background: #000040}

.bg_bdbdbd {background: #bdbdbd}

/* ===================================
     Border Colour
====================================== */
/*Border*/

/* ===================================
     Body-Section
====================================== */


/* ===================================
     Letter Space
====================================== */
/*Letter-Space*/

/* ===================================
    padding
====================================== */
/*padding*/
.no_padding{padding: 0}
.padding__left_0 {padding-left: 0;}
.padding__right_0 {padding-right: 0;}

/*padding top*/
.padding_top_5  {padding-top: 5px}
.padding_top_8  {padding-top: 8px}
.padding_top_10 {padding-top: 10px}
.padding_top_13 {padding-top: 13px}
.padding_top_15	{padding-top: 15px}
.padding_top_20 {padding-top: 20px}
.padding_top_21 {padding-top: 21px}
.padding_top_25 {padding-top: 25px}
.padding_top_30 {padding-top: 30px}
.padding_top_35 {padding-top: 35px}
.padding_top_40 {padding-top: 40px}
.padding_top_45	{padding-top: 45px}
.padding_top_50 {padding-top: 50px}
.padding_top_55 {padding-top: 55px}
.padding_top_60 {padding-top: 60px}
.padding_top_65 {padding-top: 65px}
.padding_top_70 {padding-top: 70px}
.padding_top_75 {padding-top: 75px}
.padding_top_78 {padding-top: 78px}
.padding_top_80 {padding-top: 80px}
.padding_top_85 {padding-top: 85px}
.padding_top_90 {padding-top: 90px}
.padding_top_95 {padding-top: 95px}
.padding_top_100{padding-top: 100px}
.padding_top_110{padding-top: 110px}
.padding_top_120{padding-top: 120px}
.padding_top_125{padding-top: 125px}
.padding_top_130{padding-top: 130px}
.padding_top_133{padding-top: 133px}
.padding_top_150{padding-top: 150px}
.padding_top_175{padding-top: 175px}
.padding_top_200{padding-top: 200px}
.padding_top_212 {padding-top: 212px}
.padding_top_180 {padding-top: 180px}
.padding_top_185{padding-top: 185px}

/*padding bottom*/
.padding_bottom_2   {padding-bottom: 2px}
.padding_bottom_5   {padding-bottom: 5px}
.padding_bottom_8   {padding-bottom: 8px}
.padding_bottom_10	{padding-bottom: 10px}
.padding_bottom_13  {padding-bottom: 13px}
.padding_bottom_15	{padding-bottom: 15px}
.padding_bottom_17  {padding-bottom: 17px}
.padding_bottom_20  {padding-bottom: 20px}
.padding_bottom_21  {padding-bottom: 21px}
.padding_bottom_25  {padding-bottom: 25px}
.padding_bottom_30  {padding-bottom: 30px}
.padding_bottom_33  {padding-bottom: 33px}
.padding_bottom_35  {padding-bottom: 35px}
.padding_bottom_40  {padding-bottom: 40px}
.padding_bottom_50  {padding-bottom: 50px}
.padding_bottom_45	{padding-bottom: 45px}
.padding_bottom_55  {padding-bottom: 55px}
.padding_bottom_60  {padding-bottom: 60px}
.padding_bottom_65  {padding-bottom: 65px}
.padding_bottom_70  {padding-bottom: 70px}
.padding_bottom_75  {padding-bottom: 75px}
.padding_bottom_78  {padding-bottom: 78px}
.padding_bottom_80  {padding-bottom: 80px}
.padding_bottom_83  {padding-bottom: 83px}
.padding_bottom_85  {padding-bottom: 85px}
.padding_bottom_90  {padding-bottom: 90px}
.padding_bottom_95  {padding-bottom: 95px}
.padding_bottom_100 {padding-bottom: 100px}
.padding_bottom_105 {padding-bottom: 105px}
.padding_bottom_112 {padding-bottom: 112px}
.padding_bottom_120 {padding-bottom: 120px}
.padding_bottom_133 {padding-bottom: 133px}
.padding_bottom_150 {padding-bottom: 150px}
.padding_bottom_177 {padding-bottom: 177px}
.padding_bottom_180 {padding-bottom: 180px}
.padding_bottom_195 {padding-bottom: 195px}
.padding_bottom_200 {padding-bottom: 200px}
.padding_bottom_235 {padding-bottom: 235px}
.padding_bottom_250 {padding-bottom: 250px}
.padding_bottom_375 {padding-bottom: 375px}

/*padding left*/
.padding_left_0     {padding-left: 0}
.padding_left_5     {padding-left: 5px}
.padding_left_10    {padding-left: 10px}
.padding_left_15    {padding-left: 15px}
.padding_left_20    {padding-left: 20px}
.padding_left_25    {padding-left: 25px}
.padding_left_30	{padding-left: 30px}
.padding_left_35	{padding-left: 35px}
.padding_left_40    {padding-left: 40px}
.padding_left_45    {padding-left: 45px}
.padding_left_50    {padding-left: 50px}
.padding_left_55    {padding-left: 55px}
.padding_left_58    {padding-left: 58px}
.padding_left_60    {padding-left: 60px}
.padding_left_70    {padding-left: 70px}
.padding_left_75    {padding-left: 75px}
.padding_left_80    {padding-left: 80px}
.padding_left_85    {padding-left: 85px}
.padding_left_95    {padding-left: 95px}
.padding_left_100   {padding-left: 100px}
.padding_left_105   {padding-left: 105px}
.padding_left_125   {padding-left: 125px}
.padding_left_128   {padding-left: 128px}

/*padding right*/
.padding_right_0    {padding-right: 0}
.padding_right_5    {padding-right: 5px}
.padding_right_10   {padding-right: 10px}
.padding_right_15   {padding-right: 15px}
.padding_right_20   {padding-right: 20px}
.padding_right_25   {padding-right: 25px}
.padding_right_30	{padding-right: 30px}
.padding_right_35	{padding-right: 35px}
.padding_right_40   {padding-right: 40px}
.padding_right_45   {padding-right: 45px}
.padding_right_50   {padding-right: 50px}
.padding_right_55   {padding-right: 55px}
.padding_right_58   {padding-right: 58px}
.padding_right_60   {padding-right: 60px}
.padding_right_65   {padding-right: 65px}
.padding_right_70   {padding-right: 70px}
.padding_right_75   {padding-right: 75px}
.padding_right_80   {padding-right: 80px}
.padding_right_100  {padding-right: 100px}
.padding_right_105  {padding-right: 105px}
.padding_right_125  {padding-right: 125px}
.padding_right_200  {padding-right: 200px}

/*All Padding*/
.padding_tb_50 {padding: 50px;}



/* ===================================
     Font Size
====================================== */
/*Font Size*/
.font_size_12   {font-size: 12px}
.font_size_14   {font-size: 14px}
.font_size_16   {font-size: 16px}
.font_size_18   {font-size: 18px}
.font_size_19   {font-size: 19px}
.font_size_20   {font-size: 20px}
.font_size_22   {font-size: 22px}
.font_size_24   {font-size: 24px}

.font_size_25  {font-size: 25px}

.font_size_26   {font-size: 26px}
.font_size_28   {font-size: 28px}
.font_size_30   {font-size: 30px}
.font_size_32   {font-size: 32px}
.font_size_34   {font-size: 34px}
.font_size_36   {font-size: 36px}
.font_size_38   {font-size: 38px}
.font_size_38_2   {font-size: 38px;padding-left:25px;}
.font_size_40   {font-size: 40px}
.font_size_42   {font-size: 42px}
.font_size_43   {font-size: 43px}

.font_size_45   {font-size: 45px}

.font_size_48   {font-size: 48px}
.font_size_54   {font-size: 54px}
.font_size_60   {font-size: 60px}
.font_size_64   {font-size: 64px}
.font_size_50   {font-size: 50px}
.font_size_70   {font-size: 70px}
.font_size_80   {font-size: 80px}
.font_size_90   {font-size: 90px}
.font_size_120   {font-size: 120px}

/*Font weight*/
.font_weight_100{font-weight: 100}
.font_weight_200{font-weight: 200}
.font_weight_300{font-weight: 300}
.font_weight_400{font-weight: 400}
.font_weight_500{font-weight: 500}
.font_weight_600{font-weight: 600}
.font_weight_700{font-weight: 700}
.font_weight_800{font-weight: 800}
.font_weight_900{font-weight: 900}
/* ===================================
     Line Height
====================================== */
/*Line Height*/
.line_height_16    {line-height: 16px}
.line_height_22    {line-height: 22px}
.line_height_24    {line-height: 24px}
.line_height_25    {line-height: 25px}
.line_height_28    {line-height: 28px}
.line_height_30    {line-height: 30px}
.line_height_32    {line-height: 32px}
.line_height_34    {line-height: 34px}
.line_height_36    {line-height: 36px}
.line_height_38    {line-height: 38px}
.line_height_40    {line-height: 40px}
.line_height_42    {line-height: 42px}
.line_height_46    {line-height: 46px}
.line_height_48    {line-height: 48px}
.line_height_50    {line-height: 50px}
.line_height_52    {line-height: 52px}
.line_height_54    {line-height: 54px}
.line_height_60    {line-height: 60px}
.line_height_65    {line-height: 65px}
.line_height_80    {line-height: 80px}
.line_height_82    {line-height: 82px}
.line_height_90    {line-height: 90px}
.line_height_110    {line-height: 110px}

.img-responsive.mobile {
  display: none;
}

.top_bar {
    margin-bottom: 20px;
    width: 100%;
    height: 28px;
    position: relative;
    background-color: #06205d;
}

.top_bar .info {
    float: left;
}

.top_bar .social {
    float: right;
}

.top_bar .social img{
    height: 22px;
}

.top_bar .info p {
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.top_bar a:hover {
    color: white;
}


/* ===================================

    Navigation
====================================== */


/*Navigation*/

.default_navbar {
    padding: 27px 0 15px;
    width: 100%;
    position: relative;
	
}

.logo_img {
    position: relative;
}

.logo_img a {
    display: inline-block;
    position: relative;
    z-index: 101;
}

.timlogo {
    width: 200px;
    display: block;
    margin: 0 auto;
    padding-top: 15px;
}


.head span {
    font-size: 22px;
    font-weight: 800;
    color: #061f5c;
    font-family: 'Manrope';
    margin-left: 32px;
}

.head .tile {
    display: inline-block;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.head .tile.socialmedia {
    color: #0b253e;
    font-size: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;
    top: -6px;
}

header.clicked .head .tile.socialmedia {
    color: white;
}

.head .burger {
    margin-left: 0;
    cursor: pointer;
    background-color: transparent;
    position: relative;
    z-index: 9999
}
.head {
    width: 75%;
    float: left;
    text-align: right;
}

.meat {
    position: relative;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    position: relative;
    z-index: 101;
}

.meat .line {
    height: 2px;
    width: 23px;
    background-color: #061f5c;
    border-radius: 3px;
    position: absolute;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.meat .line.one {
    top: 4px;
    left: 0px;
}

.meat .line.two {
    top: 11px;
    left: 0px;
}

.meat .line.three {
    top: 18px;
    left: 0px;
}
.laguages {
    width: 25%;
    text-align: right;
}

header.clicked .burger .line {
    background-color: #061f5c;
}

header.clicked .burger .line.one {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 10px;
}

header.clicked .burger .line.two {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 10px;
}

header.clicked .burger .line.three {
    opacity: 0;
}
.outer_menu {
    padding-top: 15px;
}



.lang_selector a{
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    
}
.lang_selector a:hover{
    color: #fcce01
}

.lang_selector a:first-child{
    margin-right: 12px
}

.nav-modal {
    position: fixed;
    transform: translateY(-100%);
    overflow: auto;
    bottom: 0;
    left: 0;
    background-color: #2d3139;
    transition: transform .3s;
    will-change: transform;
    z-index: -1;
    width: 100%;
    height: 100%;
}




header.clicked .nav-modal {
    transform: translateY(0);
    z-index: 100;
    background:url(../images/footer_bg_img.jpg) no-repeat;
    background-size: cover;    
    padding-top: 170px
}




.nav-modal  nav ul ,
.nav-modal  nav  {
width: 100%}

.nav-modal  nav ul li {
    width: 31%;
    float: left
}

.nav-modal  nav ul li {
        margin: 70px 1%; 
}

.nav-modal  nav ul li:first-child {
margin-left: 0}

.nav-modal  nav ul li:last-child{
    margin-right: 0
}

.nav-modal  nav ul li a {
    font-size: 27px;
	font-weight: 800;
    line-height: 27px;
    padding: 40px 0;
    border-top: 8px solid #061f5c;
    display: block;
    color: #061f5c
}

.nav-modal  nav ul li.active a ,
.nav-modal  nav ul li a:hover {
    
     color: #fcce01;
    border-color: #fcce01;
    
}










.laguages {
    display: inline;
}

.laguages .dd_cars {
    border: 0;
    background-color: transparent;
    font-size: 15px;
    font-weight: 800;
    color: #061f5c;
    font-family: 'Manrope';
    -webkit-appearance: none;
}

.laguages .dd_cars:focus {
    outline: none;
}

.laguages .dd_cars option {
    font-size: 15px;
    font-weight: 400;
    color: #061f5c;
}


/* ===================================

    Banner
====================================== */


/*Banner*/

.hero_banner {

    width: 100%;
    padding: 0;
    border-bottom: 7px solid #fcce01;
    background-size: cover;
    display: table;
    position: relative;
}
.hero_banner .banner_slide01{height: 100%; background: url(../images/banner01.jpg) no-repeat center;  background-size: cover}
.hero_banner .banner_slide01 .slide_content, .hero_banner .banner_slide02 .slide_content, .hero_banner .banner_slide03 .slide_content, .hero_banner .banner_slide04 .slide_content, .hero_banner .banner_slide05 .slide_content{display: table; height: 100%; width: 100%}
.hero_banner .banner_slide01 .slide_content .slide_content_inner, .hero_banner .banner_slide02 .slide_content .slide_content_inner, .hero_banner .banner_slide03 .slide_content .slide_content_inner, .hero_banner .banner_slide04 .slide_content .slide_content_inner, .hero_banner .banner_slide05 .slide_content .slide_content_inner{display: table-cell; vertical-align: middle}
.hero_banner .banner_slide02{height: 100%; background: url(../images/banner03.jpg) no-repeat center;  background-size: cover}
.hero_banner .banner_slide03{height: 100%; background: url(../images/banner02.jpg) no-repeat center;  background-size: cover}
.hero_banner .banner_slide04{height: 100%; background: url(../images/banner04.jpg) no-repeat center;  background-size: cover}
.hero_banner .banner_slide05{height: 100%; background: url(../images/banner05.jpg) no-repeat center;  background-size: cover}
.default_carousel {
    margin: 0 45px;
}

.banner_slider_indicators {
    right: auto;
    bottom: 32px;
}

.banner_slider_indicators li {
    width: 55px;
    height: 2px;
    opacity: 1;
}

.banner_slider_indicators li.active {
    background-color: #fcce01;
}

.dd_control_prev_icon {
    display: none;
}

.banner_content  ul {
    text-align: center;
    
}

.banner_content  ul li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 17px;
    letter-spacing: 8px
    }

.banner_content  ul li:first-child {
    
    margin-right: 100px
}

.banner_content2  ul {
	font-family: 'Manrope';
    text-align: left;
    
}

.banner_content2  ul li {
	font-family: 'Manrope' !important;
    display: inline-block;
    color: #ffffff;
    font-size: 50px;
	font-weight: bold;
	line-height: 60px;
	margin-left: 30px;
	padding-bottom: 150px;
    }

.banner_content2  ul li:first-child {
    font-family: 'Manrope' !important;
    margin-right: 100px
}

.banner_content2  ul li span {
	font-family: 'Manrope' !important;
    display: block;
}


.banner_content3  ul {
    text-align: center;
    
}

.banner_content3  ul li {
    display: inline-block;
    color: #ffffff;
    font-size: 50px;
	font-weight: bold;
	line-height: 60px;
	margin-left: 20px;
	padding-bottom: 80px;
    }

.banner_content3  ul li:first-child {
    
    margin-right: 100px
}


.banner_content4  ul {
    text-align: left;
    
}

.banner_content4  ul li {
    display: inline-block;
    color: #ffffff;
    font-size: 50px;
	font-weight: bold;
	line-height: 60px;
	margin-left: 20px;
	padding-bottom: 80px;
    }

.banner_content4  ul li:first-child {
    
    margin-right: 100px
}



.sliderWidget-scrollto {
    
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    width: 70px;
    z-index: 9;
}
.sliderWidget-scrollto:hover {
    color: #fff;
    text-decoration: underline #fff;
}
.sliderWidget-scrollto:after {
    position: absolute;
    content: '';
    background: url(../images/scroll_icon.png) no-repeat;
    top: 11px;
    width: 9px;
    height: 7px;
    left: 35px;
    right: 0;
    margin-left: 15px;
}


/* ===================================

    First Section
====================================== */


/*First Section*/
.animate-box{
    position: relative;
}
.left_text_box p {
    font-family: 'Manrope';
}

.left_text_box h2 {
    font-family: 'Manrope';
    position: relative;
    letter-spacing: .4px;
}

.left_text_box h2:after {
    position: absolute;
    content: "";
    background: #333333;
    width: 48px;
    height: 2px;
    bottom: 8px;
    left: -33px;
}

.right_text_box {
    position: relative;
}

.right_text_box h2 {
    font-family: 'Manrope';
}

/* 
.right_text_box:before {
    position: absolute;
    content: "";
    background: url(..//images/black-circle.png) no-repeat;
    width: 226px;
    height: 194px;
    right: -140px;

}

*/
.animate .right_text_box:before{
    animation-name: blue_circle;
    animation-duration: 2s;
}
@keyframes blue_circle{
    0%   { right: -100%}
    75%  { right: -140px}

}


/* ===================================

    Second Section
====================================== */
/*Second Section*/
.sec_section {
    position: relative;
}
.sec_section::before {
    position: absolute;
    content: "";
    background-color: #e3e3e3;
    width: 100%;
    height: 49px;
    top: 0px;
    left: 0;
   
}
.sec_section::after {
    position: absolute;
    content: "";
    background-color: #e3e3e3;
    width: 100%;
    height: 215px;
    bottom: 0;
    left: 0;
    right: 0;
}

.blue_img_text {
     background-color: #000040;
    width: 100%;
    height: 304px;
     padding: 25px 30px;
        z-index: 999;
    position: relative;
}

.blue_img_text h2 {
   
     
   
    color: #f4c905;
   
    font-size: 20px;
    font-weight: 600;
    font-family: 'Manrope';
   
}
.galler_text {
   position: absolute;
    bottom: 86px;
    left: 30px;
}
.galler_text span{
    color: #000;
    font-size: 12px;
    font-weight: 600;
    padding-right: 60px;
    font-family: 'Manrope';
    position: relative;
}
.galler_text span:before {
    position: absolute;
    content: "";
    background: #333333;
    width: 47px;
    height: 2px;
    top: 8px;
    right: 0;
}
.gallery_list .outer_image_box {
    width: 100%;
    display: inline-flex;
    z-index: 1;
    overflow: hidden;
    position: relative;
}
.gallery_list .outer_image_box figure:before {
    position: absolute;
    content: "";
    background-color: rgba(255,255,255,.66);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transform: translateY(-100%);
    transition: all ease-in-out 0.5s;
}
.gallery_list .outer_image_box figure:hover:before {
    opacity: .66;
    transform: translateY(0);
}
 .img_hover_text {
    padding: 50px 30px 25px;
     width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #000040;
    position: absolute;
    top: 0;
    opacity: 0;
     transition: all ease-in-out 0.5s;

}
.gallery_img_name p {
    padding: 25px 30px;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #000040;
    position: absolute;
    top: 0;
    opacity: 1;
}
.outer_image_box:hover .img_hover_text{
    opacity: 1;
    z-index: 9;
}
.gallery_box {
    z-index: 1;
    position: relative;
}
.gallery_box .gallery_list {
    display: inline;
}
.gallery_box .gallery_list li {
    float: left;
    width: 33.3%;
}
.gallery_list li figure img {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
/* ===================================

    Third Section
====================================== */
/*Third Section*/
.third_section {
    position: relative;
}
.third_section::before {
    position: absolute;
    content: "";
    background: url(../images/sketch-image.png) no-repeat;
    width: 248px;
    height: 295px;
    top: -88px;
    left: 87px;
}
.section_tab h2 {
    font-size: 40px;
    font-weight: 700;
    width: 65%;
    color: #000;
    font-family: 'Manrope';
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 15px;
    line-height: 46px;
}
.section_tab h2::before {
    position: absolute;
    content: "";
    background-color: #000;
    width: 145px;
    height: 2px;
    bottom: 0;
    left: 0;
}
.section_tab p {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    font-family: 'Manrope';
    padding-bottom: 60px;
}
.section_tab_sec {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    font-family: 'Manrope';
    padding-bottom: 71px;
}
.section_tab_list {
    border-bottom: 0;
}
.tab_section_outer .section_tab_list li a {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Manrope';
    transition: all ease-in-out .5s;
    border-radius: 0;
    border-color: transparent;
    border: 0;
    padding: 21px 75px 12px;
    margin-right: 8px;
    border-bottom: 2px solid #000;
}
.tab_section_outer .section_tab_list li a:hover {
    background: #000040;
    color: #f6cb07;
    border: 0;
    border-radius: 0;
    outline: none;
    border-bottom: 2px solid #000040;
    position: relative;
}
.tab_section_outer .section_tab_list li a.active {
    background: #000040;
    color: #f6cb07;
    border-color: transparent;
    position: relative;
    transition: all ease-in-out .5s;
}
.tab_section_outer .section_tab_list li a.active:before, .tab_section_outer .section_tab_list li a:hover:before {
    position: absolute;
    content: "";
    background: #000040;
    bottom: -12px;
    width: 100%;
    height: 8px;
    left: 0;
}


.scrtabs-tab-scroll-arrow {
    position:absolute !important;
    left: -66px !important;
}

.scrtabs-js-tab-scroll-arrow-right {
        right: 10px !important;
    left: auto !important;
}


/* ===================================

    Third Section
====================================== */


/*Third Section*/

.third_section {
    position: relative;
}

.third_section::before {
    position: absolute;
    content: "";
    background: url(../images/sketch-image.png) no-repeat;
    width: 248px;
    height: 295px;
    top: -88px;
    left: 87px;
}

.section_tab h2 {
    font-size: 40px;
    font-weight: 700;
    width: 65%;
    color: #000;
    font-family: 'Manrope';
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 15px;
    line-height: 46px;
}

.section_tab h2::before {
    position: absolute;
    content: "";
    background-color: #000;
    width: 145px;
    height: 2px;
    bottom: 0;
    left: 0;
}

.section_tab p {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    font-family: 'Manrope';
    padding-bottom: 60px;
}

.section_tab_sec {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    font-family: 'Manrope';
    padding-bottom: 71px;
}

.section_tab_list {
    border-bottom: 0;
}

.tab_section_outer .section_tab_list li a {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Manrope';
    transition: all ease-in-out .5s;
    border-radius: 0;
    border-color: transparent;
    border: 0;
    padding: 21px 80px 12px;
    margin-right: 8px;
    border-bottom: 2px solid #000;
}

.tab_section_outer .section_tab_list li a:hover {
    background: #000040;
    color: #f6cb07;
    border: 0;
    border-radius: 0;
    outline: none;
    border-bottom: 2px solid #000040;
}


/* ===================================

    Fourth Section
====================================== */


/*Fourth Section*/

.fourth_section {
    position: relative;
    overflow: hidden;
}
.project_background {
    position: relative;
}
.project_background::before {
    position: absolute;
    content: "";
    width: 400%;
    height: calc(100% + 200px);
}
.animate .project_background::before{
    animation-name: example;
    animation-duration: 2s;
    background-color:#fff; left:25%; top:-100px;
}
@keyframes example {

    0%   { left:100%; top: -100px}
    100% { left:25%; top:-100px;}
}
.portfolio_prefix {
    background-color: #000040;
    width: 100%;
    height: 99.7%;
    position: absolute;
}
.portfolio_prefix h2 {
    position: absolute;
    color: #f4c905;
    left: 30px;
    top: 40px;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Manrope';
}
.portfolio_prefix span {
    position: absolute;
    bottom: 32px;
    left: 30px;
    color: #fff;
    font-size: 12px;
    padding-right: 60px;
    font-family: 'Manrope';
    font-weight: 500;
    line-height: 12px;
}

.portfolio_prefix span:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 50px;
    height: 2px;
    bottom: 3px;
    right: 0;
}

.building_image_outer figure {
    position: relative;
    overflow: hidden;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.building_image_outer:nth-child(4n) figure{border-right: none;}

.building_image_outer figure:before {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, .64);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transform: translateY(-100%);
    transition: all ease-in-out 0.5s;
}
.building_image_outer.border_right figure{ border-right: 2px solid #fff !important;}
.building_image_outer figure:hover:before {
    opacity: .64;
    transform: translateY(0);
}

.building_hover_text {
    left: 34px;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    bottom: 30px;
    z-index: 1;
}

.building_hover_text p {
    float: left;
    padding-right: 65px;
}

.building_hover_text figure img {
    float: right;
}

.bulding_text {
    display: block;
}

.building_text_outer {
    height: 500px;
    position: relative;
}
.animate.building_text_outer:after{    
    background-image: url(../images/grid_background.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    animation-name: grid_background;
    animation-duration: 2s;}
    @keyframes grid_background {

        0%   { height: 200%}
        100% { height: 100%;}
    }    

    .building_text_outer:after {
    position: absolute;
    content: "";
    width: 73%;
    height: 100%;
    left: 27%;
    top: 0;
}

.building_blue_bg:after{
    background-color: #99b7d2
}
.project_blue_box {
    position: relative;
}
.special_text_01 span {
    letter-spacing: 5px;
}
.special_text_02 {
    display: block;
    position: relative;
    z-index: 1;
    width: calc(100% + 300px);
    letter-spacing: 5px;
}
.building_text_outer:before {
position: absolute;
content: "";
background-color: #99b7d2;
left: 27%;
    width: 73%;
    height: 100px;
    top: -100px;
    z-index: -1;
}

.animate.building_text_outer:before {
    animation-name: blue_box;
    animation-duration: 2s;
}
.animate.building_blue_bg:after{
    animation-name: blue_box01;
    animation-duration: 2s;
}

@keyframes blue_box {

    0%   {background-color: transparent;}
    100% { background-color: #99b7d2;}
}
@keyframes blue_box01 {

    0%   {background-color: transparent; height: 200%}
    100% { background-color: #99b7d2; }
}
/* ===================================

    Testimonial Section
====================================== */


/*Testimonial Section*/

.testimonial_section {
    position: relative;
}

.testimonial_section::before {
    position: absolute;
    content: "";
    background: #000040;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.testimonial_default_carousel {
    background: #fff;
    margin: 0;
    padding: 70px 50px;
    height: 425px;
    overflow: visible;
    position: absolute;
    top: -192px;
}

.testimonial_default_carousel h1 {
    font-size: 44px;
    font-weight: 100;
    font-family: 'Manrope';
    color: #f4c905;
}

.default_slider {
    display: none;
}

.testimonial_slider_left_arrow,
.testimonial_slider_right_arrow {
    position: relative;
}

.testimonial_slider_left_arrow {
    background-image: url(../images/left_arrow.png);
    width: 31px;
    height: 15px;
    left: auto;
    transition: all ease-in-out 0.5s;
    top: auto;
    position: absolute;
    bottom: -195%;
    right: 50px;
}

.testimonial_slider_right_arrow {
    background-image: url(../images/right_arrow.png);
    width: 31px;
    height: 15px;
    left: auto;
    transition: all ease-in-out 0.5s;
    top: auto;
    position: absolute;
    bottom: -195%;
}

.testimonial_text {
    padding-left: 20px;
}

.textimonial_inner {
    position: relative;
}

.textimonial_inner::before {
    position: absolute;
    content: "";

    width: 206px;
    height: 177px;
    top: -120px;
    right: 0;

}
.animate .textimonial_inner::before{
    animation-name: yellow_circle;
    animation-duration: 2s;
}
@keyframes yellow_circle{
    0%   { right: -100%}
    75%  { right: 0}

}

/* ===================================

    Partner Section
====================================== */


/*Partner Section*/

.partner-section {
    position: relative;
}

.partner_box {
    display: table;
    width: 100%;
    height: 100%;
}

.partner_box figure {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/* ===================================

    Footer Section
====================================== */


/*Footer Section*/

.footer_section {
    background: url(../images/footer_bg_img.jpg) no-repeat top center fixed;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
}

.footer_scrollto {
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 100;
    color: #061f5c;
    font-size: 14px;
    width: 100px;
    font-weight: 600;
}
.footer_scrollto:hover {
    color: #061f5c;
    text-decoration: none;
}
.footer_scrollto:before {
    position: absolute;
    content: '';
    background: url(../images/back_to_top_img.png) no-repeat;
    top: 27px;
    width: 21px;
    height: 45px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.logo_section {
    margin-bottom: 77px;
}

.logo_text {
    text-align: center;
    margin: 0 auto;
    letter-spacing: 5px;
}

.logo_text p {
    letter-spacing: 6px;
    font-size: 20px;
    color: #000040;
}

.logo_text :first-child {
    padding-right: 25px;
}

.logo_text p:nth-child(2) {
    padding-right: 19px;
}

.logo_text p:nth-child(3) {
    padding-right: 103px;
}

.footer_heading h3,
.social_list h3 {
    letter-spacing: 3px;
}
.outer_subscription_field .subscription_field {
    font-size: 12px;
    font-style: italic;
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom:2px solid #000040;
}
.outer_subscription_field .subscription_field:focus {
    outline: none;
}
.subscription_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #1c2a55;
  }
  .subscription_field::-moz-placeholder { /* Firefox 19+ */
    color: #1c2a55;
  }
  .subscription_field:-ms-input-placeholder { /* IE 10+ */
    color: #1c2a55;
  }
  .subscription_field:-moz-placeholder { /* Firefox 18- */
    color: #1c2a55;
  }
.outer_subscription_field {
    position: relative;
}
.outer_subscription_field::before {
    content: "";
    background-image: url(../images/right_arrow.png);
    width: 31px;
    height: 15px;
    right: 13px;
    transition: all ease-in-out 0.5s;
    bottom: 6px;
    position: absolute;
}

.footer_list ul {
    margin-left: 45px;
}

.footer_list ul li {
    color: #1c2a55;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.social_list ul li {
    padding: 0 12px;
}

.social_list ul li:last-child {
    padding-right: 0;
}

.social_list ul li i {
    font-size: 14px;
    font-weight: 600;
    color: #000040;
    transition: all ease-in-out .5s;
}
.social_list ul li i:hover {
    color: #f4c905;
}


/*Copyright Section*/
.copyright_section {
    position: relative;
}

.copyright_section::before {
    position: absolute;
    content: "";
    background: url(../images/copyright_bg_img.jpg) no-repeat center;
    width: 100%;
    height: 35px;
    bottom: 0;
}

.copyright_text p {
    font-size: 10px;
    color: #000040;
    font-weight: 700;
    font-family: 'Manrope';
}

.copyright_list ul li a {
    font-size: 11px;
    color: #000040;
    font-weight: 700;
    font-family: 'Manrope';
    padding-right: 20px;
    position: relative;
    transition: all ease-in-out .5s;
}
.copyright_list ul li a:hover {
    color: #f4c905;
}

.copyright_list ul li a:before {
    position: absolute;
    content: "";
    background: url(../images/copyright_slash_img.png) no-repeat;
    width: 5px;
    height: 9px;
    top: 1px;
    right: 8px;
}

.copyright_list ul li:last-child a:before {
    display: none;
}

/* ===================================

    Portfolio Page
====================================== */
.banner_heading h1 {
    font-family: 'Manrope';
    position: relative;
    padding-right: 136px;
}
.banner_heading h1:before {
    position: absolute;
    content: "";
    background: #000;
    width: 96px;
    height: 4px;
    right: 0;
    bottom: 3px;
}
.banner_special_text span {
    font-size: 20px;
    position: relative;
}
.banner_special_text span:before {
    position: absolute;
    content: "";
    background: url(..//images/black-circle.png) no-repeat;
    width: 226px;
    height: 194px;
    bottom: -85px;
    right: -70px;
}
.Portfolio_section {
    position: relative;
}
.Portfolio_section:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 100%;
    height: 637px;
    bottom: -15px;
    z-index: -1;
}
.outer_portfolio_box {
    overflow: hidden;
}
.portfolio_box {
    display: inline-block;
    border-bottom: 7px solid #fcce01;
}
.portfolio_box .outer_image_box {
    width: 25%;
    float: left;
    position: relative;
}
.portfolio_box .outer_image_box figure {
    position: relative;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .75);
}
.portfolio_box .outer_image_box figure:before {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, .75);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transform: translateY(-100%);
    transition: all ease-in-out 0.5s;
}
.portfolio_box .outer_image_box figure:hover:before {
    opacity: .75;
    transform: translateY(0);
}
.outer_image_box:hover .building_hover_text {
    opacity: 0;
    z-index: 9;
}



.subbanner  {
    padding: 125px 0 260px
}


.sub_banner_text {
    position: relative;
    padding-top: 100px
}


.s_banner_circule {
    position: absolute;
    right: -69px;
    top: 18px;
}

.sub_banner_text p  span  {
    margin-left: 32px
}


.sub_banner_text  h2 {
    position: relative
}

.sub_banner_text  h2:after {
    position: absolute;
    content: "";
    background: #000000;
    height: 4px;
    width: 127px;
    left: 218px;
       bottom: 7px;
}

.sub_banner_text2 {
    position: relative;
    padding-top: 100px
}

.sub_banner_text2 p  span  {
    margin-left: 32px
}


.sub_banner_text2  h2 {
    position: relative
}

.sub_banner_text2  h2:after {
    position: absolute;
    content: "";
    background: #000000;
    height: 4px;
    width: 127px;
    left: 158px;
       bottom: 7px;
}

.sub_banner_text3 {
    position: relative;
    padding-top: 100px
}

.sub_banner_text3 p  span  {
    margin-left: 32px
}


.sub_banner_text3  h2 {
    position: relative
}

.sub_banner_text3  h2:after {
    position: absolute;

    background: #000000;
    height: 4px;
    width: 127px;
    left: 158px;
       bottom: 7px;
}



.comp_inner_bx {
    background: url(../images/about-comp_img.jpg) no-repeat;
    background-size: cover;
    height: 725px;
    background-attachment: fixed
}


.comp_inner_bx p {
    padding: 85px
}

.comp_inner_bx .info_bx {
    margin-top: -107px
}


.features_ot_bx {
    padding: 125px 0 300px;
    border-bottom: 7px solid #fcce01
}


.features_ot_bx p {
    position: relative;
    padding-top: 65px
}

.features_ot_bx p:before {
        position: absolute;
    content: "";
    background: #000000;
    height: 4px;
    width: 127px;
    left: 0;
    top: 0;
}


.expirence_bx {
    
        height: 482px;
}



.expirence_inner_bx {
        margin-top: -100px;
}



.trust_bx p  {
    padding: 120px 70px
}


.trust_bx_col {
    margin-top: -236px
}


.commitment_bx {
    padding: 150px 0;
}


.custom_tabs  li:first-child a {
     border-top: 4px solid #000;
}


.custom_tabs  li a {
    font-size: 23px;
    line-height: 23px;
    color: #000;
    font-family: 'Manrope';
    padding: 20px 0;
    border-bottom: 4px solid #000;
    border-radius: 0 !important;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent;
    background: none;
    color: #fcce01;
}

.subbanner.services_banner {
    padding-bottom: 150px
}

.custom_tabs_cont p {
    padding: 38px 15px;
    letter-spacing: 1px;
}






.technical_staff_ot {
    background: url(../images/techinal_staff.jpg) no-repeat;
    background-size: cover;
    padding: 145px 0 190px
    
}



.features_ot_bx.technical_details  {
    padding: 180px 120px 100px;
    border-bottom: none;
        margin-top: 100px;
}

.techincal_img_ot {
    
    
    margin-top: -169px
}


.techincal_img_ot img {
    position: relative;
        right: 20px;
}
.technical_img_outer{position: relative; z-index: 1;}

.services_port_ot {
    padding-bottom: 150px
}


.s_port_inner {
    margin-top: -100px
}



.comp_info_sec {
    background: url(../images/contact_info_bg.jpg) no-repeat top right;
    background-size: contain;
    padding-top: 90px

}



.comp_info_details {
    padding: 50px 75px 110px
}


.listing_two {
    margin-top: 60px
}


.listing_two   li a {
    font-size: 34px;
    

}


.comp_info_sec ul  li a:hover{
    color: #fcce01
    
}



.map_ot {
    margin-top: -65px;
    padding-top: 144px;
     
}


.contact_decrp {
    padding:350px 0 80px;
    margin-top: -270px;
       border-top: 7px solid #fcce01;
}



.contact_form_ot {
    padding: 60px 0 100px
}



.contact_form_ot h3 {
    position: relative;
}

.contact_form_ot h3:before {
    position: absolute;
    content: "";
    background: #000000;
    height: 4px;
    width: 80px;
    left: 268px;
    bottom: 7px;
    
}

.contact_form_ot2 {
    padding: 60px 0 100px
}



.contact_form_ot2 h3 {
    position: relative;
}

.contact_form_ot2 h3:before {
    position: absolute;
    content: "";
    background: #000000;
    height: 4px;
    width: 80px;
    left: 288px;
    bottom: 6px;
    
}




.form_inner_bx  {
    padding-top: 80px
}

.form_cont_ot {
    width: 50%;
    float: left
        
}

.form_cont_ot .form_cont_in {
    padding: 0 15px
}


.form_cont_ot.form_cont_ot_text {
    width: 100%;
    float: left
}


.form_cont_ot .input_field {
    width: 100%;
    height: 50px;
    background: none;
    border: none;
    border-bottom: 3px solid #000;
    font-size: 20px;
    line-height: 50px;
    padding: 0;
    margin-bottom: 30px;
     font-family: 'Manrope';
    text-transform: uppercase
}



.form_cont_ot .input_field::-webkit-input-placeholder { /* Edge */
  color: #000;
}

.form_cont_ot .input_field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.form_cont_ot .input_field::placeholder {
  color: #000;
}


.form_cont_ot .input_field:focus {
    outline-width: 0;
}


.form_cont_ot .input_field.message_bx {
    height: 80px;
    resize: none
    
}


.form_cont_ot .form_cont_in  p {
    color: #000;
    text-transform: uppercase;
     font-family: 'Manrope';
    margin-top: 20px;
}



.buton_cap_ot .form_cont_ot_btn  .submit_btn {
    padding: 28px 48px;
    color: #fff;
    font-size: 17px;
    line-height: 17px;
    background: #061f5c;
    text-transform: uppercase;
     font-family: 'Manrope';
    border: none;
    
    
}

.buton_cap_ot  {
    padding-top: 75px
}



.buton_cap_ot .form_cont_ot_btn  .submit_btn:hover{
   background:    #fcce01
}





.portfolio_pg_ot2 {
    padding-bottom: 195px
}



.subbanner.portfolio_banner  .sub_banner_text h2:after{
        left: 360px;
}



.gallery_listing_in  ul  li  span,
.gallery_listing_in  ul  li
{
    display: block
}


.gallery_listing_in  ul  li {
    font-size: 19px;
    line-height: 19px;
        min-height: 60px;

}

.gallery_listing_in  ul  li  span {
    font-size: 16px;
    line-height:24px
}



.gallery_listing_in  ul  li {
    margin-bottom: 50px
}

.gallery_listing_in  ul  li:last-child{
    margin-bottom: 0
}

.gallery_in_col {
    padding: 50px 30px 100px;
   border-bottom: 7px solid #fcce01;

}

.gallery_in_col .gallery_listing_in {
    padding-top: 50px
}

.google_map_img {
    margin-top: -240px;
}

.gallery_map_bx {
    padding: 150px 0 180px
}



.google_map_img  span {
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 76px;
}

.google_map_img  span:after {
       position: absolute;
    content: "";
    background: #fff;
    height: 2px;
    width: 167px;
    right: 0;
    bottom: 3px;
}


.gallery_map_bx  p  {
    position: relative;
    
}

.gallery_map_bx  p:after {
     position: absolute;
    content: "";
    background: #000;
    height: 3px;
    width: 80px;
    left: 280px;
    bottom: 3px;
}



.subbanner.gallery_banner .sub_banner_text h2:after {
    left: 460px;
}




.outer_box{width: 60%; margin:  0 auto;}
.technical_img_outer{position: absolute; right: 20px; bottom: -75%;}



.product__carousel .gallery-top .swiper-slide {
	position: relative;
    overflow: hidden;
}
.product__carousel .gallery-top{border: 1px solid transparent;}
.product__carousel .gallery-top .swiper-slide a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.product__carousel .gallery-top .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
	min-width: 100%;
	min-height: 100%;
}
.product__carousel .swiper-button-next.swiper-button-white,
.product__carousel .swiper-button-prev.swiper-button-white {
	color: #f4c905;
}
.product__carousel .gallery-thumbs .swiper-slide {
	position: relative;
	transition: border .15s linear;
	border-radius: 3px;
    cursor: pointer;
    border-top: 5px solid transparent;
	overflow: hidden;
  height: calc(100% - 2px);
}
.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
	border-top: 5px solid #f4c905;
}
.product__carousel .gallery-thumbs .swiper-slide img {
	position: absolute;
	left: 50%;
	top: 35%;
	transform: translate(-50%,-50%);
	max-width: 100%;
}

.hide-blog{display: none;}
.load-more{margin-top: 50px !important;border: 2px #000000;border-style: solid;color: #000000;padding: 5px;}
.load-more a{color: #000000};
.form_cont_ot .input_field.error{    border-bottom: 3px solid red;}
div.error{display: none !important;}
.map_inner_bx iframe{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden; }







    .custom-select2 {
        position: relative;
        font-family: 'Manrope' !important;
		font-weight: 700;
        width: 20%;
        float:right
    }

    .custom-select2 select {
        display: none; /*hide original SELECT element:*/
    }
    
    .custom-select2 a {
        color: #061f5c;
    }

    

    /*style the arrow inside the select element:*/
    .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #061f5c transparent transparent transparent;
        
    }

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #061f5c transparent;
        top: 7px;
    }

    /*style the items (options), including the selected item:*/
    .select-items div,.select-selected {
        color: #061f5c;
        padding: 10px;
        width: 100%;
         cursor: pointer;
        user-select: none;
        float: left;
        position: relative;
      
        font-size: 14px;
        line-height:14px;
        margin-top: -6px;
    }

    /*style items (options):*/
    .select-items {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
        width: 100%;
        background:none;
        border:none;
    }

    /*hide the items when the select box is closed:*/
    .select-hide {
        display: none;
    }

    .select-items div:hover, .same-as-selected {
       
        color: #f4c905;
    }

.select-items a {

    color: #061f5c;
}

.select-items a:hover {

    color: #f4c905;
}

    .custom-select2 select {
    display: none;
}

/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */

#mc_embed_signup form {padding:0px 0 0px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 14px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:200px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:50%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}