/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');






/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#50dfa7!important; color:#fff}
::-moz-selection{ background:#50dfa7!important; color:#fff}

a{ color:#F79228; text-decoration: underline; outline:none}
a:hover{ color:#F79228; text-decoration: none; outline:none}

body{ background:#fff; border:0; font: 16px 'Roboto', Arial, Helvetica, sans-serif; color:#717779 ; line-height:1.5; min-width:320px; font-weight: 300;}
body.scroll{padding-top: 120px;}


.container { position: relative; min-width: 320px;}

#main{margin: 0 auto; position: relative; overflow: hidden;}

/* Page Animated item Styles */
.animated {
  visibility: hidden;
}

.visible {
visibility: visible;
}

.gradient1{
    background: #f79327;
    background: -moz-linear-gradient(-45deg, #f79327 0%, #f3d718 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f79327), color-stop(100%, #f3d718));
    background: -webkit-linear-gradient(-45deg, #f79327 0%, #f3d718 100%);
    background: -o-linear-gradient(-45deg, #f79327 0%, #f3d718 100%);
    background: -ms-linear-gradient(-45deg, #f79327 0%, #f3d718 100%);
    background: linear-gradient(135deg, #f79327 0%, #f3d718 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79327', endColorstr='#f3d718', GradientType=1 );
}

.gradient2{
background: #66bfd7;
background: -moz-linear-gradient(-45deg, #66bfd7 0%, #50dfa8 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #66bfd7), color-stop(100%, #50dfa8));
background: -webkit-linear-gradient(-45deg, #66bfd7 0%, #50dfa8 100%);
background: -o-linear-gradient(-45deg, #66bfd7 0%, #50dfa8 100%);
background: -ms-linear-gradient(-45deg, #66bfd7 0%, #50dfa8 100%);
background: linear-gradient(135deg, #66bfd7 0%, #50dfa8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66bfd7', endColorstr='#50dfa8', GradientType=1 );
}


.gradient3{
    background: #686ab7;
    background: -moz-linear-gradient(-45deg, #686ab7 0%, #66bfd7 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #686ab7), color-stop(100%, #66bfd7));
    background: -webkit-linear-gradient(-45deg, #686ab7 0%, #66bfd7 100%);
    background: -o-linear-gradient(-45deg, #686ab7 0%, #66bfd7 100%);
    background: -ms-linear-gradient(-45deg, #686ab7 0%, #66bfd7 100%);
    background: linear-gradient(135deg, #686ab7 0%, #66bfd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686ab7', endColorstr='#66bfd7', GradientType=1 );
}

/* ============================= header ====================== */
.top1-wrapper{position: relative; z-index: 101;}
.top1{position: absolute; width: 100%; height: 120px; top: 0; left: 0;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}

.scroll .top1{position: fixed; top: 0; background: #fff;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}


.top5{position: absolute; width: 100%; height: 120px; top: 0; left: 0;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}

.scroll .top5{position: fixed; top: 0; background: #fff;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}


header{position: absolute; left: 5%; top: 50%; z-index: 31;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.logo-dark{display: none;}

.scroll .logo-light{display: none;}
.scroll .logo-dark{display: block;}

.top5 .logo-light{display: none;}
.top5 .logo-dark{display: block;}

.search-open{display: block; margin: 10px; position: absolute; right: 5%; top: 50%; z-index: 32; text-decoration: none; color: #fff; font-size: 25px; line-height: 1;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.search-open:hover{color: #fff;}


.scroll .search-open{color: #242d2e;}
.scroll .search-open:hover{color: #f79228;}

/* header 2 */
.top2{position: relative; font-size: 14px; padding-bottom: 100px; z-index: 101;}
.top2-top{border-bottom: 1px solid #ececec; padding: 13px 0;}
.top2-top .left-block{float: left;}
.top2-top .right-block{float: right;}
.top2-top a{text-decoration: none; color: #2b2e2f;}
.top2-top a span{color: #f79228;}
.top2-top .right-block a:first-child{margin-right: 20px;}

.top2-middle{position: relative; text-align: center; padding: 30px 0 40px;}
.top2-middle header{position: relative; left: 0; top: 0; display: inline-block;
-ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.top2-middle header .logo-light{display: none;}
.top2-middle header .logo-dark{display: block;}

.top2-bot{position: relative;}

.top2-bot .search-open{color: #2b2e2f; position: relative; left: 0; top: 0; float: left; display: block;
-ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.top2-bot .search-open:hover{color: #f79228;}

.shopping-cart{display: block; text-decoration: none; color: #ffffff; font-size: 12px; line-height: 1; float: right; text-align: center; margin: -93px 81px 0 0; font-weight: 500; z-index: 31; position: relative; text-decoration: none;}
.shopping-cart i{font-size: 25px; display: block;}
.shopping-cart:hover{color: #000;}

.scroll .shopping-cart{color: #242d2e;}
.scroll .shopping-cart:hover{color: #f79228;}

.top3{position: relative;}

.my_cart_wrapper{right: 23px; top: 44px; z-index: 32;}

.my_cart_wrapper:hover .my_cart_popup{display: block;}

.my_cart_popup{ display: none; width: 340px; background: #fff; position: absolute; margin: -56px 15px 0 0; right: 0; z-index: 61; color: #333e48; border-top: none; padding: 25px 25px 25px; box-shadow: 0px 20px 45px rgba(0, 0, 0, 0.15); moz-box-shadow: 0px 20px 45px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 20px 45px rgba(0, 0, 0, 0.15);}

.my_cart_item{border-bottom: none; padding: 0px 15px 20px 0; position: relative;}
.my_cart_item_close{position: absolute; right: -5px;top: 16px; color: #2b3435; font-size: 14px; text-decoration: none; padding: 5px;}
.my_cart_item_close:hover{color: #f79327;}
.my_cart_item figure{float: left; margin-right: 15px;}
.my_cart_item .caption{overflow: hidden; font-weight: 500;line-height: 18px; font-size: 14px; color: #156192;}
.my_cart_item .txt1 a{color: #2b2e2f; text-decoration: none; font-size: 18px; font-weight: 400;}
.my_cart_item .txt2{padding-top: 20px; font-size: 16px; color: #717779; font-weight: 300;}

.my_cart_subtotal{font-size: 14px; padding-top: 30px;border-top: 1px solid #e5e5e5; padding-bottom: 30px;}
.my_cart_subtotal .lefti{float: left; font-size: 14px; font-weight: 400; text-transform: uppercase;}
.my_cart_subtotal .right{float: right; font-weight: 400; color: #242d2e; font-size: 18px;}

.my_cart_view_cart{display: block; text-align: center; text-decoration: none; font-size: 14px; color: #2b2e2f; background: #fff; padding: 10px; font-weight: 500; margin-bottom: 15px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border: 2px solid #f79327; text-transform: uppercase; letter-spacing: 2px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.my_cart_view_cart:hover{background: #f79327; color: #fff;}

.my_cart_check_out{display: block; text-align: center; text-decoration: none; font-size: 14px; color: #fff; background: #f79327; padding: 10px; font-weight: 500; margin-bottom: 0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border: 2px solid #f79327; text-transform: uppercase; letter-spacing: 2px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.my_cart_check_out:hover{background: #fff; color: #2b2e2f;}






.top3 .shopping-cart{color: #fff;}
.top3 .shopping-cart:hover{color: #f79327;}

.top3 .search-open{right: 50px; display: block;}
.top3 .search-open:hover{color: #f79327;}

.top3-inner{position: relative;}

.top3-top{padding-bottom: 35px;}
.top3-top header{position: relative; left: 0; top: 0; float: left;
-ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.top3-top header .logo-light{display: none;}
.top3-top header .logo-dark{display: block;}

.social_top_wrapper{float: right;}
.social_top{ display: block; margin: 0; padding: 0; list-style: none;}
.social_top li{display: inline-block; margin: 2px 3px;}
.social_top li:first-child{}
.social_top li a{display: block; text-decoration: none; font-size: 14px; color: #f79228; text-align: center; line-height: 40px; width: 40px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border: 1px solid #e6e6e6;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social_top li a:hover{color: #fff; background: #f79228; border-color: #f79228;}

.top3-link{ float: right; margin-right: 50px;}
.top3-link i{float: left; font-size: 14px; color: #f79228; text-align: center; line-height: 40px; width: 40px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border: 1px solid #e6e6e6; margin-right: 15px;}
.top3-link .caption{overflow: hidden;}
.top3-link .caption .txt1{font-size: 14px; color: #2b2e2f;}
.top3-link .caption .txt2{font-size: 16px; color: #2b2e2f; font-weight: 500;}
.top3-link .caption .txt2 a{color: #2b2e2f; text-decoration: none;}



.top3-bot{background: #93b4d1;}





/* Yellow */

.search-openy{display: block; position: absolute; right: 5%; top: 50%; z-index: 32; text-decoration: none; color: #fff; font-size: 25px; line-height: 1;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.search-openy:hover{color: #fff;}

.scroll .search-openy{color: #242d2e;}
.scroll .search-openy:hover{color: #f79327;}

/* End Yellow */







.search-wrapper{display: none; position: fixed; background: #fff; z-index: 200; width: 100%; height: 120px; left: 0; top: 0;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}
.search-opened .search-wrapper{display: block;}

.search-close{display: block; position: absolute; right: 5%; top: 50%; text-decoration: none; color: #242d2e; font-size: 40px; line-height: 1; text-decoration: none;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
/* Yellow */
.search-close1{display: block; position: absolute; right: 5%; top: 50%; text-decoration: none; color: #242d2e; font-size: 40px; line-height: 1; text-decoration: none;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.search-close1:hover{color: #f79228;}

.search-close:hover{color: #f79228;}

/* End Yellow */

.search-field{position: absolute; left: 5%; right: 5%; padding-right: 30px; top: 50%; border-left: 3px solid #242d2e; padding-left: 10px;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.search-field input{height: 50px; font-size: 50px; padding: 0; border: none; line-height: 50px; outline: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.search-field input:focus{box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}





/* ============================= content ====================== */

#content{position: relative; padding-top: 90px; padding-bottom: 60px;}

.content-part{margin-bottom: 30px;}
.sidebar-part{margin-bottom: 30px;}

#home{position: relative; overflow: hidden; background: #fff;}
#home:before{
  content: "";
  position: absolute;
  background: #fff;
  height: 100%;
  left: 0;
  right: 50%;
  top: 100%;
  z-index: 3;
  -ms-transform: skewY(8deg);
  -webkit-transform: skewY(8deg);
  transform: skewY(8deg);
  transform-origin: 100%;
}
#home:after{
  content: "";
  position: absolute;
  background: #fff;
  height: 100%;
  left: 50%;
  right: 0;
  top: 100%;
  z-index: 3;
  -ms-transform: skewY(-8deg);
  -webkit-transform: skewY(-8deg);
  transform: skewY(-8deg);
  transform-origin: 0;
}

.mouse{position: absolute;left: 50%; bottom: 6%; z-index: 5;
-ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#slides_wrapper{position: relative; }

#experience{position: relative; padding-top: 60px; padding-bottom: 0px; z-index: 10; margin-bottom: -100px;}

.experience1{margin-bottom: 30px; text-align: center;}
.experience1 figure{margin-bottom: 25px;}
.experience1 img{margin-left: auto; margin-right: auto;}
.experience1 .txt1{font-size: 22px; color: #2b2e2f; font-weight: 500; margin-bottom: 15px;}

.video1{position: relative; box-shadow: 30px 30px 57px 20px rgba(0, 0, 0, 0.15); moz-box-shadow: 30px 30px 57px 20px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 30px 30px 57px 20px rgba(0, 0, 0, 0.15); margin-top: 20px;}
.video1 a{position: relative; display: block; outline: none;}
.video1 a figure{position: relative; border: 30px solid #fff;}
.video1 a img{width: 100%;}
.video1 .over1{position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; opacity: 0.9; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video1 .over1:before{content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; border-width: 17.5px 0 17.5px 26px; border-color: transparent transparent transparent #ffffff; margin-left: 3px;
-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.info1{margin-bottom: 30px; color: #fff; text-align: center;}
.info1 .txt1{font-family: 'Oswald'; font-weight: 300; font-size: 48px; line-height: 1.1; padding-bottom: 20px;}
.info1 .txt2{font-size: 18px; font-weight: 500; padding-bottom: 40px;}
.info1 img{margin-left: auto; margin-right: auto;}

#our-projects{position: relative; padding-top: 70px; padding-bottom: 90px;}

.project1{position: relative; margin-bottom: 30px; overflow: hidden;}
.project1 a{display: block; text-decoration: none;}
.project1 figure{position: relative;}
.project1 img{width: 100%;}
.project1 .over1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.project1 a:hover .over1{opacity: 0.9;}
.project1 .caption{position: absolute; left: 0; top: 100%; width: 100%; text-align: center; color: #fff; opacity: 0; padding: 0 5px;
-ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.project1 a:hover .caption{top: 50%; opacity: 1;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.project1 .caption .txt1{font-size: 24px; font-weight: 400; padding-bottom: 10px;}
.project1 .caption .txt2{font-size: 18px;}

.percentage1{position: relative; padding-bottom: 40px;}
.percentage1 .txt{font-weight: 400; padding-bottom: 10px; color: #a8b0b2; font-size: 14px; letter-spacing: 1px; text-transform: uppercase;}
.percentage1 .bg{position: relative; height: 4px; background: rgba(255, 255, 255, 0.2);}
.percentage1 .bg .animated-distance{background: #fff;position: absolute; left: 0: top: 0; width: 0; height: 100%;}
.percentage1 .bg .animated-distance:after{content: ''; display: block; width: 14px; height: 14px; background: #fff; position: absolute; right: -7px; top: -5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.percentage1 .bg .animated-distance span{position: absolute; top: -30px; right: -15px; font-weight: 500; font-size: 14px; color: #fff;}

.testimonial1{position: relative;}
.testimonial1 .txt{color: #a8b0b2; font-size: 18px; padding-top: 80px; background: url(../images/quote1.png) 0 0 no-repeat; margin-bottom: 25px;}
.testimonial1 .author{ padding-right: 80px;}
.testimonial1 .author figure{float: left; margin-right: 20px;}
.testimonial1 .author figure img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.testimonial1 .author .caption{overflow: hidden; padding-top: 15px;}
.testimonial1 .author .caption .txt1{font-family: 'Oswald'; font-weight: 500; font-size: 24px; color: #fff; padding-bottom: 5px;}
.testimonial1 .author .caption .txt2{font-size: 14px; color: #a8b0b2;}

/* yellow */
.testimonial4{position: relative;}
.testimonial4 .txt{color: #a8b0b2; font-size: 18px; padding-top: 80px; background: url(../images/yellow/quote1.png) 0 0 no-repeat; margin-bottom: 25px;}
.testimonial4 .author{ padding-right: 80px;}
.testimonial4 .author figure{float: left; margin-right: 20px;}
.testimonial4 .author figure img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.testimonial4 .author .caption{overflow: hidden; padding-top: 15px;}
.testimonial4 .author .caption .txt1{font-family: 'Oswald'; font-weight: 500; font-size: 24px; color: #fff; padding-bottom: 5px;}
.testimonial4 .author .caption .txt2{font-size: 14px; color: #f79327;}


.owl-carousel .owl-nav{position: absolute; bottom: 30px; right: 0px; white-space: nowrap;}
.owl-carousel .owl-nav i{line-height: inherit;}
.owl-carousel .owl-prev, .owl-carousel .owl-next {display: inline-block; font-size: 20px; line-height: 27px; height: 30px; text-align: center; width: 30px; color: #a8b0b2; border: 1px solid #a8b0b2; margin-left: 5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {color: #fff; border-color: #fff;}

#our-teams{position: relative; padding-top: 70px; padding-bottom: 90px;}

.team1{position: relative; background: #f6f7f8; padding: 70px 20px 50px; margin-bottom: 30px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.team1:hover{background: transparent;}
.team1 .over1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.team1 figure{margin-bottom: 20px;}
.team1 figure img{margin-left: auto; margin-right: auto;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.team1 .caption{position: relative; text-align: center;}
.team1 .caption .txt1{font-size: 18px; font-weight: 500; color: #2b2e2f; padding-bottom: 10px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.team1:hover .caption .txt1{color: #fff;}
.team1 .caption .txt2{font-size: 14px; color: #f79228; padding-bottom: 30px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.team1:hover .caption .txt2{color: #fff;}

/* yellow */
.team1 .caption .txt28{font-size: 14px; color: #f79327; padding-bottom: 30px;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.team1:hover .caption .txt28{color: #fff;}
/* end yellow */

.team1 .caption .txt3{
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.team1:hover .caption .txt3{opacity: 0;}
.team1 .caption .txt4{position: absolute; width: 100%; opacity: 0; margin-top: -50px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.team1:hover .caption .txt4{opacity: 1;}

.social_wrapper{display: inline-block; vertical-align: top;}
.social{ display: block; margin: 0; padding: 0; list-style: none;}
.social li{display: inline-block; margin: 2px 5px;}
.social li:first-child{}
.social li a{display: block; text-decoration: none; font-size: 13px; color: #fff; text-align: center; line-height: 40px; width: 40px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social li a:hover{color: #f79228; background: #fff;}

/* Yellow */
.social7_wrapper{display: inline-block; vertical-align: top;}
.social7{ display: block; margin: 0; padding: 0; list-style: none;}
.social7 li{display: inline-block; margin: 2px 5px;}
.social7 li:first-child{}
.social7 li a{display: block; text-decoration: none; font-size: 13px; color: #fff; text-align: center; line-height: 40px; width: 40px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social7 li a:hover{color: #f79327; background: #fff;}

/* End Yellow */

#are-you-ready{position: relative; padding-top: 70px; padding-bottom: 90px;}

#partners{position: relative; padding-top: 60px; padding-bottom: 30px;}

.partner1{margin-bottom: 30px;}
.partner1 a{display: block;}
.partner1 a img{margin-left: auto; margin-right: auto; opacity: 0.8;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.partner1 a:hover img{opacity: 1;}

#offices-wrapper{position: relative; overflow: hidden;}

#offices-wrapper:before{
  content: "";
  position: absolute;
  background: #111111;
  height: 100%;
  left: 0;
  right: 50%;
  top: 100%;
  z-index: 3;
  -ms-transform: skewY(-8deg);
  -webkit-transform: skewY(-8deg);
  transform: skewY(-8deg);
  transform-origin: 0;
}
#offices-wrapper:after{
  content: "";
  position: absolute;
  background: #111111;
  height: 100%;
  left: 50%;
  right: 0;
  top: 100%;
  z-index: 3;
  -ms-transform: skewY(8deg);
  -webkit-transform: skewY(8deg);
  transform: skewY(8deg);
  transform-origin: 100%;
}

#offices{position: relative; background: #111111; display: table; width: 100%;}

.office{display: table-cell; width: 50%; padding: 110px 10% 160px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.office1{background-image: url(http://via.placeholder.com/960x548/000000/ffffff/);}
.office2{background-image: url(http://via.placeholder.com/960x548/000000/ffffff/);}

.office .txt1{font-family: 'Oswald'; font-weight: 500; font-size: 30px; color: #fff; padding-bottom: 40px;}
.office .txt2{color: #a8b0b2; padding-bottom: 60px;}
.office .txt2 a{color: #a8b0b2; text-decoration: none;}
.office .txt2 a:hover{color: #fff; text-decoration: underline;}

.to-top-wrapper{position: absolute; left: 50%; margin-left: -18px; bottom: 20px; z-index: 10;}

#welcome-to{position: relative; padding-top: 70px; padding-bottom: 90px;}

#why-choose-me{position: relative; display: table; width: 100%; background: #1a161f;}
#why-choose-me .left_box_wrapper{display: table-cell; width: 50%; vertical-align: middle; background: url(http://via.placeholder.com/961x786) center center no-repeat; background-size: cover; position: relative;}

.video2 a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;outline: none;}
.video2 .over1{position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; opacity: 0.9; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video2 .over1:before{content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; border-width: 17.5px 0 17.5px 26px; border-color: transparent transparent transparent #ffffff; margin-left: 3px;
-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#why-choose-me .right_box_wrapper{display: table-cell; width: 50%; vertical-align: middle;}
#why-choose-me .right_box{width: 585px; position: relative; padding-left: 10%; padding-top: 80px; padding-bottom: 90px;}

.accordion1{}
.accordion1 .ui-accordion-header{padding: 14px 40px 14px 30px; margin: 20px 0 0; border: 1px solid #2f2c34; background: none; outline: none; font-family: 'Roboto'; font-size: 16px; font-weight: 500; letter-spacing: 0px; text-transform: none; color: #ffffff; background: none;border-radius: 0; position: relative;}
.accordion1 .ui-accordion-header:after{content: '\f067'; font-family: 'FontAwesome'; color: #f79228; font-size: 16px; position: absolute; right: 20px; line-height: 20px; top: 50%; margin-top: -10px;}
.accordion1 .ui-accordion-header .ui-accordion-header-icon{display: none;}
.accordion1 .ui-accordion-header-active, .accordion1 .ui-accordion-header:hover{color: #fff;}
.accordion1 .ui-accordion-header-active:before, .accordion1 .ui-accordion-header:hover:before{content: ''; display: block; width: 4px; height: 100%; background: #f79228; position: absolute; left: -1px; top: 0;}
.accordion1 .ui-accordion-header-active:after{content: '\f068';}

.accordion1 .ui-accordion-content{border: 1px solid #2f2c34; border-top: none; padding: 30px; border-radius: 0; background: none; font-size: 16px; color: #a8b0b2; font-family: 'Roboto'; line-height: 1.5;}

#achievements{position: relative; padding-top: 100px; padding-bottom: 70px;}
#achievements .info1{color: #2b2e2f;}

#staff{position: relative;}

.staff1{position: relative; overflow: hidden; float: left; width: 16.66666667%;}
.staff1 figure{position: relative;}
.staff1 img{width: 100%;}
.staff1 .over1{width: 100%; height: 100px; opacity: 0; position: absolute; left: 0; bottom: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.staff1:hover .over1{opacity: 0.9; height: 100%;}
.staff1 .caption{position: absolute; width: 100%; bottom: 0; text-align: center; background: #1a161f; background: rgba(26, 22, 31, 0.9); height: 100px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.staff1:hover .caption{height: 100%;background: rgba(26, 22, 31, 0);}
.staff1 .caption .txt{ position: absolute; left: 0; width: 100%; top: 50%;
  -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.staff1 .caption .txt1{font-size: 18px; font-weight: 400; color: #fff;}
.staff1 .caption .txt2{font-size: 14px; color: #f79228;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.staff1:hover .caption .txt2{color: #fff;}
.staff1 .social-block{position: absolute; width: 100%; left: 0; top: 100%;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.staff1:hover .social-block{top: 50%; margin-top: 30px;}

.social3{ display: block; margin: 0; padding: 0; list-style: none; text-align: center;}
.social3 li{display: inline-block; margin: 2px 5px;}
.social3 li:first-child{}
.social3 li a{display: block; text-decoration: none; font-size: 13px; color: #fff; text-align: center; line-height: 30px; width: 30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social3 li a:hover{color: #f79228; background: #fff;}

#what-people-say{position: relative; padding-top: 120px; padding-bottom: 100px;}

.what1{position: relative; padding: 4px;}
.what1 .title{position: absolute; left: 0; right: 0; text-align: center; top: -40px;}
.what1 .title span{background: #fff; color: #2b2e2f; font-family: 'Oswald'; font-weight: 500; font-size: 48px; line-height: 1; padding: 0 50px;}
.what1 .inner{background: #fff; padding: 50px 30px; position: relative;}

.testimonial2{position: relative; text-align: center;}
.testimonial2 .txt{color: #717779; font-size: 18px; padding-top: 80px; background: url(../images/quote1.png) center top no-repeat; margin-bottom: 30px;}
.testimonial2 .author{}
.testimonial2 .author figure{margin-bottom: 15px;}
.testimonial2 .author figure img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width: auto; margin-left: auto; margin-right: auto;}
.testimonial2 .author .caption{}
.testimonial2 .author .caption .txt1{font-family: 'Roboto'; font-weight: 900; font-size: 24px; color: #2b2e2f; padding-bottom: 5px;}
.testimonial2 .author .caption .txt2{font-size: 16px; color: #f79228;}

.owl-carousel-testimonial2 .owl-nav{position: absolute; bottom: 140px; left: 0px; width: 100%; white-space: nowrap;}
.owl-carousel-testimonial2 .owl-nav i{line-height: inherit;}
.owl-carousel-testimonial2 .owl-prev,
.owl-carousel-testimonial2 .owl-next {display: inline-block; font-size: 20px; line-height: 27px; height: 30px; text-align: center; width: 30px; color: #a8b0b2; border: 1px solid #a8b0b2; margin-left: 5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position: absolute; left: 50%; margin-left: -170px;}
.owl-carousel-testimonial2 .owl-next{left: auto; right: 50%; margin-left: 0; margin-right: -170px;}
.owl-carousel-testimonial2 .owl-prev:hover,
.owl-carousel-testimonial2 .owl-next:hover {color: #F79228; border-color: #F79228;}

#services-phonew{position: relative; background: #ffffff; padding: 70px 0;}
#services-phonew .title{font-size: 30px; color: #2b2e2f;}
#services-phonew .block{}
#services-phonew .block i{float: left; font-size: 30px; display: inline-block; color: #f79228; width: 60px; height: 60px; line-height: 60px; border: 1px solid #dcdedf; text-align: center; margin-right: 30px; }
#services-phonew .block .caption{overflow: hidden; line-height: 1.3}
#services-phonew .block .caption .txt1{font-size: 18px; color: #2b2e2f;}
#services-phonew .block .caption .txt2{font-size: 30px; font-weight: 700; color: #2b2e2f;}


#services-phoneb{position: relative; background: #f5f7f8; padding: 70px 0;}
#services-phoneb .title{font-size: 30px; color: #2b2e2f;}
#services-phoneb .block{}
#services-phoneb .block i{float: left; font-size: 30px; display: inline-block; color: #f79228; width: 60px; height: 60px; line-height: 60px; border: 1px solid #dcdedf; text-align: center; margin-right: 30px; }
#services-phoneb .block .caption{overflow: hidden; line-height: 1.3}
#services-phoneb .block .caption .txt1{font-size: 18px; color: #2b2e2f;}
#services-phoneb .container .caption .txt2{font-size: 30px; font-weight: 700; color: #2b2e2f;}


#services-phone{position: relative; background: #f5f7f8; padding: 70px 0;}
#services-phone .title{font-size: 30px; color: #2b2e2f;}
#services-phone .block{}
#services-phone .block i{float: left; font-size: 30px; display: inline-block; color: #f79228; width: 60px; height: 60px; line-height: 60px; border: 1px solid #dcdedf; text-align: center; margin-right: 30px; }
#services-phone .block .caption{overflow: hidden; line-height: 1.3}
#services-phone .block .caption .txt1{font-size: 18px; color: #2b2e2f;}
#services-phone .block .caption .txt2{font-size: 30px; font-weight: 700; color: #2b2e2f;}

#services-list{position: relative; padding-top: 90px; padding-bottom: 60px;}

.services1{margin-bottom: 30px;}
.services1 figure{ float: left; margin-right: 20px;}
.services1 .caption{overflow: hidden;}
.services1 .caption .txt1{font-size: 22px; font-weight: 500; color: #2b2e2f; padding-bottom: 15px;}
.services1 .caption .txt2{}

#services-testimonials{position: relative; background: #f5f7f8; padding: 100px 0 80px;}

.testimonial3{position: relative;}
.testimonial3 .txt{padding: 30px; background: #fff; border-radius: 2px; position: relative; margin-bottom: 30px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.testimonial3:hover .txt{color: #fff;}
.testimonial3 .txt:after{content: ''; position: absolute; left: 50px; top: 100%; width: 0; height: 0;border-style: solid;border-width: 7px 7px 0 7px;border-color: #fff transparent transparent transparent;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.testimonial3:hover .txt:after{border-color: #f79228 transparent transparent transparent;}
.testimonial3 .txt .over1{position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 2px; opacity: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.testimonial3:hover .txt .over1{opacity: 1;}
.testimonial3 .txt span{position: relative;}
.testimonial3 .author{}
.testimonial3 .author figure{float: left; margin-right: 20px; margin-left: 25px;}
.testimonial3 .author figure img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width: auto;}
.testimonial3 .author .caption{padding-top: 10px;}
.testimonial3 .author .caption .txt1{font-family: 'Roboto'; font-weight: 700; font-size: 18px; color: #2b2e2f; padding-bottom: 5px;}
.testimonial3 .author .caption .txt2{font-size: 14px; color: #f79228;}

.owl-carousel-double .owl-dots{text-align: center; padding-top: 60px;}
.owl-carousel-double .owl-dot{display: inline-block; border: 2px solid #b8babb; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%;}
.owl-carousel-double .owl-dot:hover{background: #F79228; border-color: #F79228;}
.owl-carousel-double .owl-dot.active{background: #F79228; border-color: #F79228;}

.owl-carousel-triple .owl-dots{text-align: center; padding-top: 60px;}
.owl-carousel-triple .owl-dot{display: inline-block; border: 2px solid #b8babb; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%;}
.owl-carousel-triple .owl-dot:hover{background: #F79228; border-color: #F79228;}
.owl-carousel-triple .owl-dot.active{background: #F79228; border-color: #F79228;}

#lets-make{position: relative; padding-top: 70px; padding-bottom: 90px;}

#lets-make-single{position: relative; padding-top: 10px; padding-bottom: 20px;}

#get-in-touch{position: relative; padding-top: 70px; padding-bottom: 60px;}

.contact2{text-align: center; margin-bottom: 30px;}
.contact2 .txt1{font-size: 30px; font-weight: 500; color: #2b2e2f; padding-bottom: 15px;}
.contact2 .txt2{line-height: 1.8;}
.contact2 .txt2 a{color: #717779;}

#google_map{position: relative; height: 500px; margin-bottom: 60px;}

#contact-form-wrapper{position: relative; background: #f5f7f8; padding: 90px 0;}

.post{margin-bottom: 60px;}

.post .post-header{position: relative;}

.post .post-header .post-image{position: relative;}
.post .post-header .post-image img{position: relative; width: 100%;}

.post .post-story{position: relative;}

.post .additional{ padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; font-size: 14px;}

.post .additional .left-block{float: left;}

.post .additional .right-block{float: right;}

.link-icon{display: inline-block;}
.link-icon i{margin-right: 10px;}
.link-icon a{color: #717779; text-decoration: none;}
.link-icon a:hover{color: #f79228;}

.comments1{margin-left: 20px;}

.post .post-story-body{}

.post .post-story-link{padding-top: 20px;}

.pager{display: inline-block; text-align: center; margin: 0;padding: 0; font-weight: 400; font-size: 16px;}
.pager li{vertical-align: top; margin: 0 2px;}
.pager li > a{border: 1px solid #e5e5e5; padding: 0px 2px; border-radius: 2px; background: #fff; color: #2b2e2f; text-align: center; min-width: 34px; line-height: 44px; text-decoration: none;}
.pager li > a:hover{text-decoration: none; background: #fff; border-color: #e5e5e5; color: #f79228;}
.pager li.active > a{background: #fff; color: #f79228; cursor: default; text-decoration: none; border-color: #e5e5e5;}
.pager .dots{height: 26px; display: inline-block; line-height: 36px; font-size: 20px;}
.pager .prev{}
.pager .prev > a{float: none; padding: 0 12px;}
.pager .prev > a:before{content: "\f104"; font-family: 'FontAwesome'; display: inline-block; font-size: 16px;}
.pager .prev > a:hover{}
.pager .prev > a:hover:before{}
.pager .next{}
.pager .next > a{float: none; padding: 0 12px;}
.pager .next > a:after{content: "\f101"; font-family: 'FontAwesome'; display: inline-block; font-size: 16px; margin-left: 5px;}
.pager .next > a:hover{}
.pager .next > a:hover:after{}

.sidebar-block{margin-bottom: 40px;}
.sidebar-title{margin-bottom: 20px; font-size: 22px; font-weight: 500; color: #2b2e2f;}

.news1{margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.news1 a{display: block; text-decoration: none;}
.news1 a .txt1{color: #f79228; font-weight: 500; padding-bottom: 5px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.news1 a:hover .txt1{color: #000;}
.news1 a .txt2{color: #717779; font-size: 14px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.news1 a:hover .txt2{color: #000;}

.news1 .txt6 a {color: #717779; font-size: 14px;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.news1 .txt6 a:hover {color: #f79228;}

.ul1{padding: 0; margin: 0; list-style: none;}
.ul1 li{display: block;}
.ul1 a{display: block; position: relative; text-decoration: none; color: #2b2e2f; font-weight: 400; padding: 3px 0 3px 25px;}
.ul1 a:before{content: ''; display: inline-block; width: 8px; height: 8px; background: #f79228; border-radius: 50%; position: absolute; left: 0; top: 12px;}

.tags{ display: block; margin: 0; padding: 0; list-style: none; text-align: left;}
.tags li{display: inline-block; margin: 0 8px 8px 0px; float: left;}
.tags li a{ display: inline-block; background: none; border: none; padding: 5px 15px; font-weight: 300; color: #717779; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-decoration: none; border: 1px solid #e5e5e5; font-size: 14px; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.tags li a:hover{background: #fff; border-color: #f79228; color: #f79228;}

.post .additional2{color: #a8b0b2; padding-bottom: 15px;}

.video3{position: relative; margin-bottom: 20px;}
.video3 a{position: relative; display: block; outline: none;}
.video3 a figure{position: relative; background: #222626;}
.video3 a img{width: 100%; opacity: 0.5;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.video3 a:hover img{opacity: 1;}
.video3 .over1{position: absolute; left: 50%; top: 50%; border: 2px solid #fff; width: 50px; height: 50px; opacity: 1; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video3 .over1:before{content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; border-width: 9.5px 0 9.5px 14px; border-color: transparent transparent transparent #ffffff; margin-left: 3px;
-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ul2{padding: 0; margin: 0; list-style: none; color: #717779;}
.ul2 li{display: block; position: relative; padding: 10px 0 10px 25px;}
.ul2 li:before{content: '\f00c'; font-family: 'FontAwesome'; font-size: 14px; color: #717779; display: inline-block; position: absolute; left: 0; top: 8px;}

.ul3{padding: 0; margin: 0; list-style: none;}
.ul3 li{display: block;}
.ul3 a{display: block; position: relative; text-decoration: none; color: #2b2e2f; font-size: 18px; font-weight: 400; padding: 10px 0 10px 25px;}
.ul3 a:before{content: '\f101'; font-family: 'FontAwesome'; font-size: 14px; color: #717779; display: inline-block; position: absolute; left: 0; top: 14px;}
.ul3 a:hover{color: #f79228;}
.ul3 li.active a{color: #f79228;}
.ul3 a:after{position: absolute;
left: 0;
bottom: -2px;
content: "";
width: 100%;
height: 1px;
background-color: #ebebeb;}

.flat-accordion .flat-toggle {
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.flat-accordion .toggle-title.active {
    padding: 10px 30px 12px;
}
.flat-accordion .toggle-title {
    font-weight: 500;
    color: #2b2e2f;
    cursor: pointer;
    padding: 10px 30px 11px;
    letter-spacing: 0.2px;
}
.flat-accordion .toggle-content {
    display: none;
    overflow: hidden;
    padding: 25px 20px 24px 30px;
}

.flat-accordion .toggle-title:before {
    left: 96.2%;
    bottom: 10px;
}
.flat-accordion .toggle-title.active:before {
    content: "\e622";
}



.flat-accordion .toggle-content { padding: 25px 20px 20px 30px; }
.flat-accordion .toggle-title:before { left: 96.2%; bottom: 10px; }
.flat-accordion .flat-toggle:nth-child(2), .section-whychoose .content-whyus .flat-accordion .flat-toggle:nth-child(3) { margin-bottom: 19px; }
.flat-accordion .flat-toggle:last-of-type { margin-bottom: 0; }

.quote2{position: relative; border: 1px solid #e9eaea; padding: 40px; background: url(../images/quote2.png) 50px 40px no-repeat; margin-top: 50px; margin-bottom: 20px;}
.quote2 .txt1{font-size: 20px; font-weight: 400; font-style: italic; padding-bottom: 30px;}
.quote2 .txt2{font-size: 22px; color: #242d2e; font-weight: 500; padding-bottom: 10px;}
.quote2 .txt3{color: #f79228; font-size: 14px;}

.pane1{padding-bottom: 15px; border-bottom: 1px solid #e9e9e9;}

.tags2{ display: block; margin: 0; padding: 0; list-style: none; text-align: left; float: left;}
.tags2 li{display: inline-block; margin: 0 8px 8px 0px; float: left;}
.tags2 li a{ display: inline-block; background: none; border: none; padding: 5px 15px; font-weight: 300; color: #717779; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-decoration: none; border: 1px solid #e5e5e5; font-size: 14px; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.tags2 li a:hover{background: #fff; border-color: #f79228; color: #f79228;}

.social4_wrapper{display: inline-block; vertical-align: top; margin-top: 0px; float: right;}
.social4{ display: block; margin: 0; padding: 0; list-style: none;}
.social4 li{display: inline-block; margin: 2px 5px;}
.social4 li:first-child{}
.social4 li a{display: block; text-decoration: none; font-size: 14px; color: #717779; text-align: center; line-height: 30px; width: 30px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social4 li a:hover{color: #f79228;}

.comments-num{font-size: 24px; font-weight: 500; color: #242d2e; font-family: 'Oswald'; margin-bottom: 35px;}

.comment-block{margin-bottom: 40px;}
.comment-block.left1{margin-left: 100px;}
.comment-block figure{float: left; margin-right: 30px;}
.comment-block figure img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.comment-block .caption{overflow: hidden; border-left: 1px solid #e9e9e9; padding-left: 30px;}
.comment-block .caption .comment-top{padding-bottom: 10px;}
.comment-block .caption .comment-top .txt{float: left;}
.comment-block .caption .comment-top .txt1{font-weight: 300; font-size: 14px; color: #f79327;}
.comment-block .caption .comment-top .txt2{color: #242d2e; font-size: 18px; font-weight: 500;}
.comment-block .caption .comment-top .leave-reply{float: right;}
.comment-block .caption .txt3{}

.comments{font-size: 24px; font-weight: 500; color: #242d2e; font-family: 'Oswald'; margin-bottom: 35px; padding-top: 20px;}

.vertical-tabs-wrapper{position: relative; padding: 100px 0 50px;}

.nav-tabs1{border-bottom: none;}
.nav-tabs1 > li{ float: none; margin-bottom: 0;}
.nav-tabs1 > li:first-child > a{border-top: none !important;}
.nav-tabs1 > li > a{border: none; border-right: 1px solid #e9eaea; border-top: 1px solid #e9eaea; border-radius: 0; padding: 20px 35px 20px 0; text-align: right; font-size: 14px; line-height: 20px; color: #2b2e2f; text-transform: uppercase; font-weight: 700; text-decoration: none; margin: 0;}
.nav-tabs1 > li > a:hover, .nav-tabs1 > li > a:focus{color: #f79327; background: none;}
.nav-tabs1 > li.active > a, .nav-tabs1 > li.active > a:hover, .nav-tabs1 > li.active > a:focus{border: none; padding-right: 32px; border-top: 1px solid #e9eaea; border-right: 4px solid #f79327; background: none; }


.accordion0-wrapper{position: relative; padding: 50px 0;}

.accordion0{}
.accordion0 .ui-accordion-header{padding: 14px 40px 14px 30px; margin: 20px 0 0; border: 1px solid #e9e9e9; border-left: 4px solid #f79327; background: none; outline: none; font-family: 'Roboto'; font-size: 16px; font-weight: 500; letter-spacing: 0px; text-transform: none; color: #2b2e2f; background: none;border-radius: 0; position: relative;}
.accordion0 .ui-accordion-header:after{content: '\f067'; font-family: 'FontAwesome'; color: #f79327; font-size: 16px; position: absolute; right: 20px; line-height: 20px; top: 50%; margin-top: -10px;}
.accordion0 .ui-accordion-header .ui-accordion-header-icon{display: none;}
.accordion0 .ui-accordion-header-active, .accordion2 .ui-accordion-header:hover{color: #2b2e2f;}

.accordion0 .ui-accordion-header-active:after{content: '\f068';}

.accordion0 .ui-accordion-content{border: 1px solid #e9e9e9; border-top: none; padding: 30px; border-radius: 0; background: none; font-size: 16px; color: #717779; font-family: 'Roboto'; line-height: 1.5;}



.accordion2-wrapper{position: relative; padding: 50px 0;}

.accordion2{}
.accordion2 .ui-accordion-header{padding: 14px 40px 14px 30px; margin: 20px 0 0; border: 1px solid #e9e9e9; background: none; outline: none; font-family: 'Roboto'; font-size: 16px; font-weight: 500; letter-spacing: 0px; text-transform: none; color: #2b2e2f; background: none;border-radius: 0; position: relative;}
.accordion2 .ui-accordion-header:after{content: '\f067'; font-family: 'FontAwesome'; color: #f79327; font-size: 16px; position: absolute; right: 20px; line-height: 20px; top: 50%; margin-top: -10px;}
.accordion2 .ui-accordion-header .ui-accordion-header-icon{display: none;}
.accordion2 .ui-accordion-header-active, .accordion2 .ui-accordion-header:hover{color: #f79228;}

.accordion2 .ui-accordion-header-active:after{content: '\f068';}

.accordion2 .ui-accordion-content{border: 1px solid #e9e9e9; border-top: none; padding: 30px; border-radius: 0; background: none; font-size: 16px; color: #717779; font-family: 'Roboto'; line-height: 1.5;}

.accordion3-wrapper{position: relative; padding: 50px 0;}

.accordion3{}
.accordion3 .ui-accordion-header{padding: 14px 40px 14px 30px; margin: 20px 0 0; border: 1px solid #e9e9e9; background: none; outline: none; font-family: 'Roboto'; font-size: 16px; font-weight: 500; letter-spacing: 0px; text-transform: none; color: #2b2e2f; background: none;border-radius: 0; position: relative;}
.accordion3 .ui-accordion-header:after{content: '\f067'; font-family: 'FontAwesome'; color: #f79327; font-size: 16px; position: absolute; right: 20px; line-height: 20px; top: 50%; margin-top: -10px;}
.accordion3 .ui-accordion-header .ui-accordion-header-icon{display: none;}
.accordion3 .ui-accordion-header-active, .accordion3 .ui-accordion-header:hover{color: #fff; background: #f79327;}
.accordion3 .ui-accordion-header-active:after, .accordion3 .ui-accordion-header:hover:after{color: #fff;}

.accordion3 .ui-accordion-header-active:after{content: '\f068';}

.accordion3 .ui-accordion-content{border: 1px solid #e9e9e9; border-top: none; padding: 30px; border-radius: 0; background: none; font-size: 16px; color: #717779; font-family: 'Roboto'; line-height: 1.5;}

.services-list-wrapper{position: relative; padding: 50px 0;}
.services-list-inner{padding: 0 2%;}
.services-list{display: block; padding: 0; margin: 0; list-style: none;}
.services-list li{float: left; display: block; width: 33.33333333%; padding: 0 2%;}
.services-list li a{display: block; position: relative; overflow: hidden; text-decoration: none;}
.services-list li a figure{position: relative;}
.services-list li a figure img{width: 100%;}
.services-list li a .num1{font-size: 150px; color: #66bfd7; font-weight: 700; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; text-decoration: none; opacity: 0.1; line-height: 0.25;}
.services-list li a .caption{position: absolute; left: 0; width: 100%; top: 50%; text-align: center; padding: 0 35px;
-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.services-list li a .caption .txt1{font-size: 24px; color: #fff; font-weight: 500;}
.services-list li a .caption .txt2{font-size: 16px; color: #a8b0b2; font-weight: 300; padding-top: 10px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.services-list li a:hover .caption .txt2{color: #fff;}
.services-list li a .over1{position: absolute; left: 30px; right: 30px; top: 30px; bottom: 30px; opacity: 0;
  transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
-ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
.services-list li a:hover .over1{
  opacity: 0.7;
 -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.design-list-wrapper{position: relative; padding: 50px 0;}
.design-list-inner{}
.design-list{display: block; padding: 0; margin: 0; list-style: none;}
.design-list li{float: left; display: block; width: 33.33333333%; position: relative; overflow: hidden;}
.design-list li figure{position: relative;}
.design-list li figure img{width: 100%;}
.design-list li .caption{position: absolute; left: 0; width: 100%; top: 50%; text-align: left; padding: 0 10%;
-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.design-list li .caption .num1{font-size: 100px; font-family: 'Oswald'; color: #fff; font-weight: 500; opacity: 0.1; line-height: 1; margin-bottom: -30px;}
.design-list li .caption .txt1{font-size: 18px; font-weight: 500; color: #fff; text-transform: uppercase;}
.design-list li .caption .txt2{font-size: 48px; font-family: 'Oswald'; color: #fff; font-weight: 500;}
.design-list li .caption .txt3{padding-top: 30px;}
.design-list li .over1{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; opacity: 0;
  transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
-ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
.design-list li:hover .over1{
  opacity: 0.7;
 -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.page-numbers-wrapper{position: relative; padding: 50px 0;}

.department1{position: relative; margin-bottom: 30px; text-align: center;}
.department1 figure{position: relative; display: inline-block; margin-bottom: 25px;}
.department1 .caption{font-family: 'Roboto'; font-size: 18px; color: #2b2e2f; font-weight: 500; letter-spacing: 2px; text-transform: uppercase;}

.yjsg-round-progress{width:155px; height:155px; font-size:30px; color:#232323; border-top-color: #f79228; border-bottom-color: #e6e6e6;}

#online-consulting{position: relative; display: table; width: 100%; background: #1a161f;}
#online-consulting .right_box_wrapper{display: table-cell; width: 50%; vertical-align: middle; background: url(http://via.placeholder.com/960x700) center center no-repeat; background-size: cover; position: relative;}

.video4 a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;outline: none;}
.video4 .over1{position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; opacity: 0.9; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video4 .over1:before{content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; border-width: 17.5px 0 17.5px 26px; border-color: transparent transparent transparent #ffffff; margin-left: 3px;
-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#online-consulting .left_box_wrapper{display: table-cell; width: 50%; vertical-align: middle;}
#online-consulting .left_box{position: relative; display: table; width: 100%;}
#online-consulting .left_box_cel{display: table-cell; width: 50%; vertical-align: top; padding: 50px 5%;}

.consulting1{padding: 30px 0;}
.consulting1 figure{margin-bottom: 20px;}
.consulting1 .caption .txt1{font-size: 22px; font-weight: 500; color: #fff; padding-bottom: 10px;}
.consulting1 .caption .txt2{font-size: 16px; font-weight: 300; color: #a8b0b2;}

#services-testimonials2{position: relative; padding: 90px 0;}

.testimonial5{position: relative;}
.testimonial5 .txt{padding: 30px; background: #f5f7f8; border-radius: 2px; position: relative; margin-bottom: 0px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.testimonial5:hover .txt{color: #fff;}
.testimonial5 .txt:after{content: ''; position: absolute; left: 50px; bottom: 100%; width: 0; height: 0;border-style: solid;border-width: 0 7px 7px 7px;border-color: transparent transparent #f5f7f8 transparent;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.testimonial5:hover .txt:after{border-color: transparent transparent #f79228 transparent;}
.testimonial5 .txt .over1{position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 2px; opacity: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.testimonial5:hover .txt .over1{opacity: 1;}
.testimonial5 .txt span{position: relative;}
.testimonial5 .author{margin-bottom: 30px;}
.testimonial5 .author figure{float: left; margin-right: 20px; margin-left: 25px;}
.testimonial5 .author figure img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width: auto;}
.testimonial5 .author .caption{padding-top: 10px;}
.testimonial5 .author .caption .txt1{font-family: 'Roboto'; font-weight: 700; font-size: 18px; color: #2b2e2f; padding-bottom: 5px;}
.testimonial5 .author .caption .txt2{font-size: 14px; color: #f79228;}

#design-wrapper{position: relative; display: table; width: 100%; background: #1a161f;}
#design-wrapper .left_box_wrapper{display: table-cell; width: 50%; vertical-align: middle; background: url(http://via.placeholder.com/961x826) center center no-repeat; background-size: cover; position: relative;}
#design-wrapper .right_box_wrapper{display: table-cell; width: 50%; vertical-align: middle;}
#design-wrapper .right_box{width: 585px; position: relative; padding-left: 10%; padding-top: 80px; padding-bottom: 90px;}

.design1{padding: 25px 0;}
.design1 figure{margin-right: 30px; float: left;}
.design1 .caption{overflow: hidden;}
.design1 .caption .txt1{font-size: 22px; font-weight: 500; color: #fff; padding-bottom: 10px;}
.design1 .caption .txt2{font-size: 16px; font-weight: 300; color: #a8b0b2;}

#staff2-wrapper{position: relative; padding: 100px 0 30px;}

.staff2{position: relative; margin-bottom: 30px;}
.staff2 figure{position: relative; overflow: hidden;}
.staff2 figure img{width: 100%; position: relative;}
.staff2 figure .over1{width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; bottom: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.staff2:hover figure .over1{opacity: 0.7;}
.staff2 figure .social-block{position: absolute; width: 100%; left: 0; top: 100%;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.staff2:hover figure .social-block{top: 50%;
-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.staff2 .caption{background: #f5f7f8; padding: 25px; text-align: center;}
.staff2 .caption .txt1{font-size: 18px; font-weight: 500; color: #2b2e2f;}
.staff2 .caption .txt2{font-size: 14px; color: #a8b0b2; font-weight: 300;}

#staff3-wrapper{position: relative; padding: 50px 0;}

.staff3{position: relative; margin-bottom: 30px; background: #f6f7f8; padding-top: 40px; padding-bottom: 30px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.staff3:hover{background: #f79228;}
.staff3 figure{position: relative;}
.staff3 figure img{position: relative; margin-left: auto; margin-right: auto; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.staff3 .caption{text-align: center; padding: 20px;}
.staff3 .caption .txt1{font-size: 18px; font-weight: 500; color: #2b2e2f;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.staff3:hover .caption .txt1{color: #fff;}
.staff3 .caption .txt2{font-size: 14px; color: #a8b0b2; font-weight: 300;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.staff3:hover .caption .txt2{color: #fff;}
.staff3 .social-block{}
.staff3:hover .social-block li a{color: #fff;}
.staff3:hover .social-block li a:hover{color: #f79228; background: #fff;}

.social5{ display: block; margin: 0; padding: 0; list-style: none; text-align: center;}
.social5 li{display: inline-block; margin: 2px 5px;}
.social5 li:first-child{}
.social5 li a{display: block; text-decoration: none; font-size: 13px; color: #717779; text-align: center; line-height: 30px; width: 30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social5 li a:hover{color: #fff; background: #f79228;}

#price1-wrapper{position: relative; padding: 70px 0;}

.price1{position: relative; background: #fff; margin-bottom: 30px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.price1:hover{ z-index: 10;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15); moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
-ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.price1 .top-block{background: #1a161f; padding: 50px 15px; text-align: center; font-family: 'Oswald'; font-weight: 500; color: #fff; position: relative;}
.price1 .top-block .over1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.price1:hover .top-block .over1{opacity: 1;}
.price1 .top-block .txt1{font-size: 48px; position: relative;}
.price1 .top-block .txt1 span{font-size: 18px; vertical-align: top; display: inline-block; margin-top: 10px;}
.price1 .top-block .txt1 b{font-size: 14px; font-weight: 400;}
.price1 .top-block .txt2{font-size: 18px; font-weight: 500; letter-spacing: 2px; position: relative; text-transform: uppercase;}
.price1 .caption{border: 1px solid #e5e5e5; text-align: center; padding: 40px 15px 60px;}
.price1:hover .caption{border-color: #fff;}
.price1 .caption ul{display: block; padding: 0; margin: 0 0 30px; list-style: none;}
.price1 .caption ul li{display: block; padding: 10px 0;}
.price1 .price1-btn{
transition: all 0s ease-out; -moz-transition: all 0s ease-out; -webkit-transition: all 0s ease-out; -o-transition: all 0s ease-out;
}
.price1 .price1-btn:before{border: 2px solid #242d2e; left: 0; right: 0; top: 0; bottom: 0;
transition: all 0s ease-out; -moz-transition: all 0s ease-out; -webkit-transition: all 0s ease-out; -o-transition: all 0s ease-out;
}
.price1:hover .price1-btn:before{border: none; left: 2px; right: 2px; top: 2px; bottom: 2px;}

#price2-wrapper{position: relative; padding: 50px 0;}

.price2{position: relative; background: #fff; margin-bottom: 30px; border: 1px solid #e5e5e5; padding: 60px 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.price2:hover{border-color: #fff;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15); moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
}
.price2 .top-block{background: #1a161f; padding: 50px 15px; text-align: center; font-family: 'Oswald'; font-weight: 500; color: #fff; position: relative; width: 180px; height: 180px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-left: auto; margin-right: auto; overflow: hidden; position: relative;}
.price2 .top-block .over1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.price2:hover .top-block .over1{opacity: 1;}
.price2 .top-block .txt1{font-size: 48px; position: relative; line-height: 1;}
.price2 .top-block .txt1 span{font-size: 18px; vertical-align: top; display: inline-block; margin-top: 10px;}
.price2 .top-block .txt1 b{font-size: 25px; font-weight: 400; display: block;}
.price2 .top-block .txt2{font-size: 18px; font-weight: 500; letter-spacing: 2px; position: relative; text-transform: uppercase;}
.price2 .caption{text-align: center; padding: 40px 15px 0px;}
.price2 .caption .txt1{font-size: 24px; color: #2b2e2f; font-weight: 500;}
.price2 .caption .line1{border-top: 1px solid #e5e5e5; max-width: 80%; margin: 30px auto;}
.price2 .caption ul{display: block; padding: 0; margin: 0 0 30px; list-style: none;}
.price2 .caption ul li{display: block; padding: 10px 0;}
.price2 .price2-btn{margin-top: 10px;}

#get-in-touch2{display: table; width: 100%; background: #212223;}
#get-in-touch2 .left_box_wrapper{display: table-cell; width: 50%; position: relative;}
#get-in-touch2 .left_box{position: relative; padding-left: 10%; padding-right: 10%; padding-top: 80px; padding-bottom: 80px;}
#get-in-touch2 .right_box_wrapper{display: table-cell; width: 50%; position: relative;}
#get-in-touch2 #google_map{position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; margin-bottom: 0;}

.page-slides-components #google_map{margin-bottom: 0; height: 640px;}

.to-top2-wrapper{width: 218px; height: 32px; background: url(../images/black-wave.png) 0 0 no-repeat; position: absolute; left: 50%; top: -31px; margin-left: -109px; z-index: 40; text-align: center;}
.to-top2-wrapper a{text-decoration: none; font-size: 36px; color: #f79228;}

#home2{position: relative;}

#home3{position: relative;}

#slider2{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(http://via.placeholder.com/1920x1007/ffffff/0000000) center center no-repeat; background-size: cover;}

#slider6{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(http://via.placeholder.com/1920x1007/ffffff/0000000) center center no-repeat; background-size: cover;}

#slider3{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(http://via.placeholder.com/1920x1007) center center no-repeat; background-size: cover;}

#slider2 .over1{position: absolute; width: 100%; height: 100%; opacity: 0.9; left: 0; top: 0;}

#slider6 .over1{position: absolute; width: 100%; height: 100%; opacity: 0.9; left: 0; top: 0;}

#slider7{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/slider7.jpg) center center no-repeat; background-size: cover;}

.mouse2{width: 218px; height: 32px; background: url(../images/white-wave.png) 0 0 no-repeat; position: absolute; left: 50%; bottom: 0px; margin-left: -109px; z-index: 40; text-align: center;}
.mouse2 a{text-decoration: none; font-size: 32px; line-height: 1; color: #f79228;}


.mouse3{width: 218px; height: 32px; margin-bottom: 50px; position: absolute; left: 50%; bottom: 0px; margin-left: -109px; z-index: 40; text-align: center;}
.mouse3 a{text-decoration: none; font-size: 32px; line-height: 1; color: #ffffff;}

.carousel2{position: absolute; left: 0; width: 100%; top: 50%;
-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.carousel3{position: absolute; left: 0; width: 100%; top: 50%;
-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.carousel3 .owl-carousel .owl-nav{width: 100%; bottom: auto; top: 50%; margin-top: -40px;}
.carousel3 .owl-carousel .owl-prev,
.carousel3 .owl-carousel .owl-next{font-size: 80px; line-height: 1; color: #2b2e2f; width: auto; height: auto; border: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; margin: 0; position: absolute; left: 5%; opacity: 0.3;}
.carousel3 .owl-carousel .owl-prev:hover,
.carousel3 .owl-carousel .owl-next:hover{opacity: 0.5}
.carousel3 .owl-carousel .owl-next{left: auto; right: 5%;}


.slider2{text-align: center; color: #fff;}
.slider2 .txt1{font-size: 18px; font-family: 'Oswald'; letter-spacing: 1em; font-weight: 600;}
.slider2 .txt2{font-size: 80px; font-family: 'Oswald'; letter-spacing: 0; font-weight: 600;}
.slider2 .txt3{font-size: 24px; font-family: 'Oswald'; letter-spacing: 0; font-weight: 500; padding-top: 30px;}
.slider2 .txt4{padding-top: 70px;}

.top4{position: relative;}
.top4 .shopping-cart{position: absolute; right: 5%; top: 50%; z-index: 32; color: #fff; margin-right: -20px; margin-top: 0;
-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.top4 .shopping-cart:hover{color: #fff;}
.top4 .search-open{margin-right: 20px;}

.top5{position: relative;}
.top5 .shopping-cart{position: absolute; right: 5%; top: 50%; z-index: 32; color: #111111; margin-right: -20px; margin-top: 0;
-ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.top5 .shopping-cart:hover{color: #f79228;}
.top5 .search-open{margin-right: 20px; color: #111111;}
.top5 .search-open:hover{color: #f79228;}

.slider3{text-align: left;}
.slider3 .txt1{font-size: 16px; font-family: 'Oswald'; letter-spacing: 0.5em; font-weight: 600; color: #717779; text-transform: uppercase;}
.slider3 .txt2{font-size: 60px; font-family: 'Oswald'; letter-spacing: 0; font-weight: 600; color: #464646; text-transform: uppercase;}
.slider3 .txt3{font-size: 30px; font-family: 'Oswald'; letter-spacing: 0; font-weight: 500; padding-top: 20px; color: #2b2e2f;}
.slider3 .txt4{padding-top: 50px;}

#what-people-say2{position: relative; padding-top: 120px; padding-bottom: 60px;}
#what-people-say2 .img1{width: 100%;}

#what-people-say2 .owl-carousel .owl-prev:hover,
#what-people-say2 .owl-carousel .owl-next:hover {color: #576189; border-color: #576189;}

.testimonial6{position: relative;}
.testimonial6 .txt{color: #717779; font-size: 18px; padding-top: 80px; background: url(../images/quote1.png) 0 0 no-repeat; margin-bottom: 25px;}
.testimonial6 .author{ padding-right: 80px;}
.testimonial6 .author figure{float: left; margin-right: 20px;}
.testimonial6 .author figure img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.testimonial6 .author .caption{overflow: hidden; padding-top: 15px;}
.testimonial6 .author .caption .txt1{font-family: 'Roboto'; font-weight: 500; font-size: 24px; color: #2b2e2f; padding-bottom: 5px;}
.testimonial6 .author .caption .txt2{font-size: 16px; color: #576189;}

#gallery-wrapper{position: relative; padding: 60px 0;}

#gallery-wrapper .gallery-title{float: left; font-family: 'Oswald'; font-size: 48px; color: #2b2e2f; text-transform: uppercase;}

#gallery2-wrapper{position: relative; padding: 60px 5% 120px;}

.gallery2-inner{position: relative; display: table; width: 100%;}
.gallery2-inner .left_box_wrapper{display: table-cell; vertical-align: top; background: #1d1f2c; width: 400px; padding: 100px 5%;}
.gallery2-inner .right_box_wrapper{display: table-cell; vertical-align: top;}
.gallery2-inner .right_box{padding-left: 30px;}

.gallery2-inner .title{font-family: 'Oswald'; font-size: 30px; line-height: 1.5; font-weight: 400; color: #fff; text-align: left; margin-top: 0px; margin-bottom: 70px; position: relative; padding-bottom: 30px; text-transform: uppercase; letter-spacing: 2px;}
.gallery2-inner .title:before{content: ''; display: block; width: 70%; height: 4px; background: #f79228; position: absolute; left: 0; bottom: 0;}

#our-projects2{position: relative; padding: 60px 0;}

.our-projects-title{font-family: 'Oswald'; font-weight: 400; font-size: 48px; color: #2b2e2f; padding-bottom: 50px; letter-spacing: 1px; padding-right: 80px;}

.project2{position: relative;}
.project2 a{display: block; text-decoration: none;}
.project2 a figure{position: relative;}
.project2 a figure img{width: 100%; position: relative;}
.project2 a .caption{position: absolute; left: 0; width: 100%; bottom: 0; padding: 20px 10%;}
.project2 a .caption .over1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1a161f; opacity: 0.9;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.project2 a:hover .caption .over1{opacity: 0;}
.project2 a .caption .over2{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.project2 a:hover .caption .over2{opacity: 0.9;}
.project2 a .caption .txt1{position: relative; font-size: 24px; font-weight: 500; color: #fff;}
.project2 a .caption .txt2{position: relative; font-size: 16px; font-weight: 300; color: #f79228;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.project2 a:hover .caption .txt2{color: #fff;}
.project2 a .caption:after{content: "\f105"; font-family: 'FontAwesome'; display: inline-block; font-size: 30px; line-height: 1; position: absolute; right: 10%; margin-right: -15px; top: 50%; margin-top: -15px; color: #fff;}

.owl-carousel-projects.owl-carousel .owl-nav{bottom: auto; top: -100px; right: 50%; margin-right: -585px;}

.owl-carousel-projects.owl-carousel .owl-nav .owl-prev,
.owl-carousel-projects.owl-carousel .owl-nav .owl-next {color: #2b2e2f; border: 2px solid #2b2e2f; font-size: 25px; line-height: 26px;}

.owl-carousel-projects.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel-projects.owl-carousel .owl-nav .owl-next:hover{color: #F79228; border-color: #F79228;}

#our-projects3{position: relative; padding: 60px 0;}

.project3{position: relative;}
.project3 a{display: block; text-decoration: none;}
.project3 a figure{position: relative;}
.project3 a figure img{width: 100%; position: relative;}
.project3 a .caption{position: absolute; left: 0; width: 100%; bottom: 0; padding: 15px 40px 15px 20px;}
.project3 a .caption .over1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1a161f; opacity: 0.9;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.project3 a:hover .caption .over1{opacity: 0;}
.project3 a .caption .over2{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.project3 a:hover .caption .over2{opacity: 0.9;}
.project3 a .caption .txt1{position: relative; font-size: 16px; font-weight: 500; color: #fff;}
.project3 a .caption:after{content: "\f105"; font-family: 'FontAwesome'; display: inline-block; font-size: 20px; line-height: 1; position: absolute; right: 20px; top: 50%; margin-top: -10px; color: #fff;}

.owl-carousel-projects2.owl-carousel .owl-nav{bottom: auto; top: -100px; right: 0; }

.owl-carousel-projects2.owl-carousel .owl-nav .owl-prev,
.owl-carousel-projects2.owl-carousel .owl-nav .owl-next {color: #2b2e2f; border: 2px solid #2b2e2f; font-size: 25px; line-height: 26px;}

.owl-carousel-projects2.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel-projects2.owl-carousel .owl-nav .owl-next:hover{color: #F79228; border-color: #F79228;}









/* ============================= footer ====================== */
.bot1-wrapper{background: #111111; position: relative; padding: 50px 0;}
.bot1{position: relative; text-align: center;}
.bot1 .logo2_wrapper{position: absolute; left: 5%; top: 0;}
.bot1 .social2_wrapper{position: absolute; right: 5%; top: 0px;}

/* Yellow */
.bot1 .social28_wrapper{position: absolute; right: 5%; top: 0px;}
/* End Yellow */


.menu-wrapper{display: block; }
.menu-wrapper ul{display: block;padding: 0; margin: 17px 0 0; list-style: none;}
.menu-wrapper li{display: inline-block; padding: 0 20px;}
.menu-wrapper li a{display: block; text-decoration: none; color: #fff; font-weight: 300; font-size: 15px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.menu-wrapper li a:hover{color: #F79228;}

/* Yellow */
.menu-wrappery{display: block; }
.menu-wrappery ul{display: block;padding: 0; margin: 17px 0 0; list-style: none;}
.menu-wrappery li{display: inline-block; padding: 0 20px;}
.menu-wrappery li a{display: block; text-decoration: none; color: #fff; font-weight: 400;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.menu-wrappery li a:hover{color: #f79327;}
/* End Yellow*/

.social2_wrapper{display: inline-block; vertical-align: top; margin-top: 10px;}
.social2{ display: block; margin: 0; padding: 0; list-style: none;}
.social2 li{display: inline-block; margin: 2px 5px;}
.social2 li:first-child{}
.social2 li a{display: block; text-decoration: none; font-size: 13px; color: #717779; text-align: center; line-height: 30px; width: 30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social2 li a:hover{color: #fff; background: #F79228;}

/* Yellow */
.social28_wrapper{display: inline-block; vertical-align: top; margin-top: 10px;}
.social28{ display: block; margin: 0; padding: 0; list-style: none;}
.social28 li{display: inline-block; margin: 2px 5px;}
.social28 li:first-child{}
.social28 li a{display: block; text-decoration: none; font-size: 13px; color: #717779; text-align: center; line-height: 30px; width: 30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social28 li a:hover{color: #fff; background: #f79327;}
/* End Yellow*/

.bot2-wrapper{background: #1a161f; position: relative; }
.bot2{position: relative; border-top: 1px solid #312e36;padding: 50px 0; text-align: center;}
.bot2 .logo2_wrapper{float: left; padding-right: 50px;}
.bot2 .menu-wrapper{}
.bot2 .social2_wrapper{float: right;}
.bot2 .menu-wrapper li a{color: #717779;}
.bot2 .menu-wrapper li a:hover{color: #f79228;}


.bot3-wrapper{background: #1a161f; position: relative; padding: 60px 0;}

.bot3-title{font-family: 'Roboto'; font-weight: 500; font-size: 18px; color: #fff; padding-top: 30px; padding-bottom: 20px;}

.contact-block1{line-height: 1.8;}
.contact-block1 a{color: #717779; text-decoration: none;}
.contact-block1 a:hover{color: #f79228;}

.subscribe-form-wrapper{position: relative; margin-top: 30px;}
.subscribe-form-wrapper .form-control{border: 1px solid #717779; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding-top: 11px; padding-bottom: 10px; padding-left: 15px; padding-right: 50px; height: 43px; color: #717779; font-size: 14px; line-height: 20px; font-style: none; background: none;}
.subscribe-form-wrapper .form-control:focus{box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-color: #f79228; color: #fff;}
.subscribe-form-wrapper a{position: absolute; right: 5px; top: 5px; text-align: center; width: 33px; height: 33px; line-height: 33px; color: #717779; text-decoration: none;}
.subscribe-form-wrapper a:hover{color: #fff; background-color: transparent; }
.subscribe-form-wrapper a i{font-size: 18px; line-height: 33px;}

.twitter1{padding-bottom: 20px;}
.twitter1 i{color: #fff;}
.twitter1 a{color: #fff; text-decoration: none;}
.twitter1 a:hover{color: #f79228;}

.recent-works{display: block; padding: 0; margin: 0; list-style: none;}
.recent-works li{display: inline-block; margin: 0 2px 2px 0;}
.recent-works a{display: block;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.recent-works a:hover{opacity: 0.5;}






/* ============================= parallax ====================== */
.parallax {width: 100%; position: relative; overflow: hidden; background: none; padding-top: 0px; padding-bottom: 0px; }
.parallax, .parallax .parallax-content, .parallax .overlay { height: 100%;}

.parallax-bg { width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; position: absolute; background-size: cover; background-attachment: scroll; background-repeat: repeat-y; background-position: center center; }
.parallax-bg.bg-fixed{background-attachment: fixed;}
.parallax .overlay { width: 100%; position: absolute; overflow: hidden; left: 0; top: 0; opacity: 0.9;}
.parallax .parallax-content { position: relative; }


.bg0 { background-image: url(http://via.placeholder.com/1920x1269); }

.bg1 { background-image: url(http://via.placeholder.com/1110x590); }

.bg2 { background-image: url(http://via.placeholder.com/1920x1269/000000/ffffff); }

.bg3 { background-image: url(http://via.placeholder.com/1920x1269/000000/ffffff); }


#parallax1{padding-top: 190px; padding-bottom: 80px;}

#parallax2{padding-top: 100px; padding-bottom: 100px;}

#parallax3{padding-top: 100px; padding-bottom: 100px;}
#parallax3 .title1{color: #fff;}
#parallax3 .title2{color: #fff;}

#parallax0{padding-top: 100px; padding-bottom: 100px;}
#parallax0 .title1{color: #fff; margin: 0;}
#parallax0 .title2{color: #fff; margin-bottom: 10px;}

















/* ============================= main menu ====================== Green */
.navbar_ { margin: 0; padding: 0; background: none; border:none; position: relative;z-index: 30; min-height: 0; float: none; padding-top: 45px; padding-bottom: 45px; text-align: center;}

.top2 .navbar_{padding-top: 0; padding-bottom: 0;}

.top3 .navbar_{padding-top: 15px; padding-bottom: 15px; text-align: left;}

.navbar_ .navbar-toggle { background: transparent; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 20px; margin-bottom: 14px; margin-right: 15px;}

.top2 .navbar_ .navbar-toggle{margin-top: 0;}

.top3 .navbar_ .navbar-toggle{float: left; margin-top: 0; margin-left: 15px;}

.navbar_ .navbar-toggle:hover, .navbar_ .navbar-toggle:focus{background: transparent;}
.navbar_ .navbar-toggle .icon-bar{background: #fff;}
.navbar-collapse_{padding-left: 0; padding-right: 0; border: none;}
.navbar_ .nav{position: relative; margin: 10px; padding: 0; display: block; float: none; line-height: 0; padding-left: 210px;}

.top2 .navbar_ .nav{padding-left: 0;}

.top3 .navbar_ .nav{padding-left: 0;}

.navbar_ .nav > li{position: relative; display: inline; float: none; white-space: nowrap; background: none; margin-left: 35px;}
.navbar_ .nav > li:first-child{margin-left: 0;}

.top4 .navbar_ .nav > li{}

.top5 .navbar_ .nav > li{}

.navbar_ .nav > li > a{display: inline; text-decoration: none; background: none; font-family: 'Roboto'; font-weight: 400; font-size: 16px; line-height: 30px; color: #fff; text-shadow:none; padding: 0px 15px 0 0; border: none; margin: 0; text-align: left; position: relative; z-index: 2; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.navbar_ .nav > li > a:before{content: ''; top: 26px; display: block;width: 0; left: 0; bottom: 0; background: transparent; height: 2px; position: absolute;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}

.scroll .navbar_ .nav > li > a{color: #2b2e2f;}

.top2 .navbar_ .nav > li > a{color: #2b2e2f;}

.top3 .navbar_ .nav > li > a{color: #fff;}

.top5 .navbar_ .nav > li > a{color: #2b2e2f;}

.navbar_ .nav > li > a i{margin-left: 5px;}

.navbar_ .nav > li > a:focus{color: #fff; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none;}
.navbar_ .nav > li > a:focus:before{width: 100%;}

.scroll .navbar_ .nav > li > a:focus{color: #2b2e2f;}
.scroll .navbar_ .nav > li > a:before{background: #f79228; top: 26px;}

.top2 .navbar_ .nav > li > a:focus{color: #2b2e2f;}
.top2 .navbar_ .nav > li > a:before{background: #f79228;}

.top3 .navbar_ .nav > li > a:focus{color: #fff;}
.top3 .navbar_ .nav > li > a:before{background: #f79228;}

.top4 .navbar_ .nav > li > a:before{background: #fff;}

.top5 .navbar_ .nav > li > a:focus{color: #2b2e2f;}
.top5 .navbar_ .nav > li > a:before{background: #f79228;}

.navbar_ .nav > li > a:hover, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: #fff; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none; }
.navbar_ .nav > li > a:hover:before, .navbar_ .nav > li.sfHover > a:before, .navbar_ .nav > li.sfHover > a:hover:before{width: 100%}

.scroll .navbar_ .nav > li > a:hover, .scroll .navbar_ .nav > li.sfHover > a, .scroll .navbar_ .nav > li.sfHover > a:hover{color: #2b2e2f;}

.top2 .navbar_ .nav > li > a:hover, .top2 .navbar_ .nav > li.sfHover > a, .top2 .navbar_ .nav > li.sfHover > a:hover{color: #2b2e2f;}

.top5 .navbar_ .nav > li > a:hover, .top5 .navbar_ .nav > li.sfHover > a, .top5 .navbar_ .nav > li.sfHover > a:hover{color: #2b2e2f;}

.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus{color: #fff; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none;}
.navbar_ .nav > li.active > a:before, .navbar_ .nav > li.active > a:hover:before, .navbar_ .nav > li.active > a:focus:before{width: 100%}

.scroll .navbar_ .nav > li.active > a, .scroll .navbar_ .nav > li.active > a:hover, .scroll .navbar_ .nav > li.active > a:focus{color: #2b2e2f;}

.top2 .navbar_ .nav > li.active > a, .top2 .navbar_ .nav > li.active > a:hover, .top2 .navbar_ .nav > li.active > a:focus{color: #2b2e2f;}

.top5 .navbar_ .nav > li.active > a, .top5 .navbar_ .nav > li.active > a:hover, .top5 .navbar_ .nav > li.active > a:focus{color: #2b2e2f;}


.sub-menu-mega {position: static !important; width:100%;}


div.sf-mega{display: none; position:absolute; left:0; width:100%; top:100%; margin:0 auto;}
ul.sf-mega{display: none; position:absolute; left:0; top:100%; margin:0 auto;}


@media (min-width:1170px) {
    .sf-mega-ul{ width:1170px; }
}

@media (max-width:1170px) {
    .sf-mega-ul{ width:100%;}
}

@media (max-width:767px) {
    .sf-mega-ul {list-style: none; padding-left:0; background: #fff; line-height: 1.5; overflow-y:auto; height:300px;}

}

@media (min-width:768px) {
    .sf-mega-ul {margin:0 auto; list-style: none; padding:40px 0; background: #fff; box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); line-height: 1.5; }
}













@media(max-width:767px) {
    .my_cart_wrapper {display:none;}
}



.menu-item-container-text{float: left; width: 25%; padding-left: 40px; padding-right: 40px; border-right: 1px solid #dfdfe2;}
.menu-item-container-text:last-child{border-right: none;}

.sf-mega-list{display: block; padding: 0; margin: 0; list-style: none;}
.sf-mega-list li{display: block; text-align:left;}
.sf-mega-list li a{display: block; color: #2b2e2f; font-size: 16px; font-weight: 300; text-decoration: none; padding: 3px 25px 3px 0; text-align: left; position: relative; overflow: hidden;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.sf-mega-list li a:hover{color: #000; padding-left: 25px; padding-right: 0;}
.sf-mega-list li a:before{content: '\f178'; font-family: 'FontAwesome'; color: #F79327; font-size: 16px; position: absolute; left: -10px; line-height: 20px; top: 5px; opacity: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.sf-mega-list li a:hover:before{opacity: 1; left: 0;}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* end green */

/* ============================= main menu ====================== Yellow */
.navbar_y { margin: 0; padding: 0; background: none; border:none; position: relative;z-index: 30; min-height: 0; float: none; padding-top: 45px; padding-bottom: 45px; text-align: center;}
.navbar_y .navbar-toggle { background: #2b2e2f; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 14px; margin-bottom: 14px; margin-right: 15px;}
.navbar_y .navbar-toggle:hover, .navbar_y .navbar-toggle:focus{background: #454849;}
.navbar_y .navbar-toggle .icon-bar{background: #fff;}
.navbar-collapse_{padding-left: 0; padding-right: 0; border: none;}
.navbar_y .nav{position: relative; margin: 0; padding: 0; display: block; float: none; line-height: 0; padding-left: 210px;}
.navbar_y .nav > li{position: relative; display: inline-block; float: none; white-space: nowrap; background: none; margin-left: 35px;}
.navbar_y .nav > li:first-child{margin-left: 0;}
.navbar_y .nav > li > a{display: block; text-decoration: none; background: none; font-family: 'Roboto'; font-weight: 400; font-size: 16px; line-height: 30px; color: #fff; text-shadow:none; padding: 0px 15px 0 0; border: none; margin: 0; text-align: left; position: relative; z-index: 2; text-transform: uppercase;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.navbar_y .nav > li > a:before{content: ''; display: block;width: 0; left: 0; bottom: 0; background: transparent; height: 2px; position: absolute;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.scroll .navbar_y .nav > li > a{color: #2b2e2f;}


.navbar_y .nav > li > a i{margin-left: 5px;}

.navbar_y .nav > li > a:focus{color: #fff; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none;}
.navbar_y .nav > li > a:focus:before{width: 100%;}
.scroll .navbar_y .nav > li > a:focus{color: #2b2e2f;}
.scroll .navbar_y .nav > li > a:before{background: #f79327;}

.navbar_y .nav > li > a:hover, .navbar_ .nav > li.sfHover > a, .navbar_y .nav > li.sfHover > a:hover{color: #fff; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none; }
.navbar_y .nav > li > a:hover:before, .navbar_ .nav > li.sfHover > a:before, .navbar_ .nav > li.sfHover > a:hover:before{width: 100%}
.scroll .navbar_y .nav > li > a:hover, .scroll .navbar_ .nav > li.sfHover > a, .scroll .navbar_ .nav > li.sfHover > a:hover{color: #2b2e2f;}

.navbar_y .nav > li.active > a, .navbar_y .nav > li.active > a:hover, .navbar_y .nav > li.active > a:focus{color: #fff; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none;}
.navbar_y .nav > li.active > a:before, .navbar_y .nav > li.active > a:hover:before, .navbar_y .nav > li.active > a:focus:before{width: 100%}
.scroll .navbar_y .nav > li.active > a, .scroll .navbar_y .nav > li.active > a:hover, .scroll .navbar_y .nav > li.active > a:focus{color: #2b2e2f;}

/* end yellow */

.sub-menu ul{ position: absolute; display: none; left: -25px; top: 100%; list-style: none; zoom: 1; z-index: 3; margin: 0; padding:0; background: #fff; margin-top: 10px;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); text-align: left; background: #fff; padding: 20px 0px;}
.sub-menu li{ margin: 0; position: relative; zoom: 1; display: block;}
.sub-menu li:first-child{border-top: none;}
.sub-menu li a{display: block; position: relative; font-family:'Roboto'; font-weight: 400; font-size: 14px; line-height: 20px; color: #242d2e; text-decoration: none; padding: 10px 50px 10px 25px; background: none; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.sub-menu li a:hover{ text-decoration: none; color: #000; background: none;}

.sub-menu li a i{position: absolute; right: 25px; top: 12px;}


.sub-menu-1 > ul{}

.sub-menu-2 > ul{left: 100%; margin-left: 2px;top: 0; margin-top: -10px; padding: 10px 0;}

.dropdown-2 {     -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.3s; /* Firefox < 16 */
    -ms-animation: fadein 0.3s; /* Internet Explorer */
    -o-animation: fadein 0.3s; /* Opera < 12.1 */
    animation: fadein 0.3s;}

.sub-menu-2:hover > .dropdown-2 {display:block;}

/* ============================= search-form ====================== */
.search-form-wrapper{position: relative;}
.search-form-wrapper .form-control{border: 1px solid #ebdabb; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding-top: 9px; padding-bottom: 9px; height: 40px; color: #b4b4b4; font-style: italic;}
.search-form-wrapper .form-control:focus{box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-color: #c29032;}
.search-form-wrapper a{position: absolute; right: 5px; top: 5px; text-align: center; width: 30px; line-height: 30px; color: #fff; background: #c29032;}
.search-form-wrapper a:hover{color: #c29032; background: #fff;}
.search-form-wrapper a i{font-size: 16px; line-height: 30px;}





/* ============================= main layout ====================== */
.title1{font-family: 'Oswald'; font-size: 48px; line-height: 1.1; font-weight: 500; color: #2b2e2f; text-align: center; margin-top: 30px; margin-bottom: 20px;}

.title2{font-family: 'Roboto'; font-size: 18px; line-height: 1.5; font-weight: 300; color: #717779; text-align: center; margin-top: 0px; margin-bottom: 20px;}

.title3{font-family: 'Oswald'; font-size: 48px; line-height: 1.1; font-weight: 500; color: #fff; text-align: left; margin-top: 30px; margin-bottom: 40px; position: relative; padding-bottom: 30px;}
.title3:before{content: ''; display: block; width: 78px; height: 4px; background: #f79327; position: absolute; left: 0; bottom: 0;}

.title4{font-family: 'Oswald'; font-size: 48px; line-height: 1.1; font-weight: 500; color: #fff; text-align: left; margin-top: 30px; margin-bottom: 0px; position: relative; padding-bottom: 30px;}

.title5{font-family: 'Oswald'; font-size: 48px; line-height: 1.1; font-weight: 500; color: #fff; text-align: left; margin-top: 30px; margin-bottom: 40px; position: relative; padding-bottom: 30px;}
.title5:before{content: ''; display: block; width: 78px; height: 4px; background: #f79327; position: absolute; left: 0; bottom: 0;}

.title6{font-size: 14px; color: #f79327; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; padding-top: 15px; padding-bottom: 10px;}

.title7{font-family: 'Oswald'; font-size: 48px; line-height: 1.1; font-weight: 500; color: #2b2e2f; margin-bottom: 40px;}

.title8{font-family: 'Oswald'; font-size: 48px; line-height: 1.1; font-weight: 500; color: #fff; text-align: left; margin-top: 0px; margin-bottom: 40px; position: relative; padding-bottom: 30px;}
.title8:before{content: ''; display: block; width: 78px; height: 4px; background: #ffffff; position: absolute; left: 0; bottom: 0;}

.title9{font-family: 'Oswald'; font-size: 48px; line-height: 1.1; font-weight: 500; color: #2b2e2f; text-align: left; margin-top: 70px; margin-bottom: 0px; position: relative; padding-bottom: 30px;}



h2{display: block; font-family:'Oswald'; font-weight:500; font-size:36px; color:#160f19; line-height:1.1; padding:40px 0 20px 0; margin: 0;}
h2 a{color: #160f19; text-decoration: none;}
h2 a:hover{color: #f79327;}

h3{display: block; font-family:'Roboto'; font-weight:500; font-size:24px; color:#242d2e; line-height:1.1; padding:0px 0 20px 0; margin: 0;}

h4{display: block; font-family:'Oswald'; font-weight:500; font-size:24px; color:#242d2e; line-height:1.1; padding:20px 0 30px 0; margin: 0;}











.img-responsive-old{display: block; max-width: 100%; height: auto;}

.img-responsive{width: auto \9;}

.border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}





/* === */



/*-----btn-----*/
.btn1{display: inline-block; text-decoration: none; color: #2b2e2f; font-weight: 600; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 14px 40px; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn1:hover{color: #fff;}
.btn1 span{position: relative; display: inline-block;}
.btn1:before{content: ''; display: block; background: #fff; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn1:hover:before{background: transparent;}

.btn2{position: relative; display: inline-block; text-decoration: none; font-family: 'Oswald'; font-size: 13px; font-weight: 700; color: #f79228; letter-spacing: 2px;}
.btn2:hover{color: #ffc586;}

/* Yellow */
.btn6{position: relative; display: inline-block; text-decoration: none; font-family: 'Oswald'; font-size: 13px; font-weight: 700; color: #f79327; letter-spacing: 2px;}
.btn6:hover{color: #fff;}
/* End Yellow */

.btn3{display: inline-block; text-decoration: none; color: #fff; font-weight: 600; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 14px 40px; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn3:hover{color: #000;}
.btn3 span{position: relative; display: inline-block;}
.btn3:before{content: ''; display: block; background: #000; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn3:hover:before{background: transparent;}

.btn4{position: relative; display: inline-block; font-weight: 400;}
.btn4:hover{color: #000;}

.btn5{display: inline-block; text-decoration: none; color: #242d2e; font-weight: 700; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 5px 30px; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn5:hover{color: #fff;}
.btn5 span{position: relative; display: inline-block;}
.btn5:before{content: ''; display: block; background: #fff; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn5:hover:before{background: transparent;}

.btn7{position: relative; display: inline-block; text-decoration: none; font-family: 'Oswald'; font-size: 13px; font-weight: 700; color: #fff; letter-spacing: 2px;}
.btn7:hover{color: #fff;}

.btn8{position: relative; display: inline-block; text-decoration: none; font-family: 'Roboto'; font-size: 13px; font-weight: 500; color: #f79228; letter-spacing: 2px; background: #fff; border: 2px solid #fff; padding: 12px 30px; text-transform: uppercase;}
.btn8:hover{color: #fff; background: none;}

.btn9{position: relative; display: inline-block; text-decoration: none; font-family: 'Roboto'; font-size: 13px; font-weight: 500; color: #2b2e2f; letter-spacing: 2px; background: none; border: 2px solid #2b2e2f; padding: 12px 30px; text-transform: uppercase; margin-right: 20px;}
.btn9:hover{color: #fff; background: #2b2e2f;}

.btn10{position: relative; display: inline-block; text-decoration: none; font-family: 'Roboto'; font-size: 13px; font-weight: 500; color: #fff; letter-spacing: 2px; background: #F79327; border: 2px solid #F79327; padding: 12px 30px; text-transform: uppercase;}
.btn10:hover{color: #F79327; background: none;}



.btn11{display: inline-block; width: 100%; text-align: center; text-decoration: none; color: #2b2e2f; font-weight: 600; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 14px 40px; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn11:hover{color: #fff;}
.btn11 span{position: relative; display: inline-block;}
.btn11:before{content: ''; display: block; background: #fff; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn11:hover:before{background: transparent;}







/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 5px; background: none; border: 1px solid #cfcfcf;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}

.thumbnail{line-height: inherit;}
.thumbnail .caption{padding: 0; color: inherit;}

.thumb1 {margin-bottom: 30px; margin-top: 0px;}
.thumb1.last {margin-bottom: 0px;}
.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb1 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb1 figure img{width: 100%;}
.thumb1 .caption{}
.thumb1 .caption .txt1{text-transform: uppercase; font-size: 14px; color: #a8b0b2; letter-spacing: 2px; font-weight: 500; padding-bottom: 10px;}
.thumb1 .caption .txt2{font-family: 'Oswald'; font-size: 24px; font-weight: 500; color: #fff; padding-bottom: 20px;}











/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#f00; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; }

#ajax-contact-form .form-group{margin-left: 0; margin-right: 0; margin-bottom: 50px;}
#ajax-contact-form .form-group label{color: #333e48; font-weight: 400; display: none;}
#ajax-contact-form .form-control{height: 51px; padding: 15px 0px; font-size: 16px; line-height: 20px; color: #2b2e2f; background: none; border: none; border-bottom: 1px solid #000;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
#ajax-contact-form .form-control:focus{border-color: #f79228; background: none; color: #f79228;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
#ajax-contact-form textarea.form-control {height: auto;}
#ajax-contact-form .form-group.capthca{float: left; margin-right: 30px;}
#ajax-contact-form .form-group.capthca input{width: 170px;}
#ajax-contact-form .form-group.img{float: left;}
#ajax-contact-form .form-group.img img{width:170px; height:38px;}

.btn-default.btn-cf-submit{display: inline-block; text-decoration: none; color: #2b2e2f; font-weight: 600; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 14px 40px; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden; border: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit:hover{color: #fff;}
.btn-default.btn-cf-submit span{position: relative; display: inline-block;}
.btn-default.btn-cf-submit:before{content: ''; display: block; background: #f5f7f8; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit:hover:before{background: transparent;}


/*================= Contacts2 =========================*/
#note2{ }
.notification_error2{ color:#f00; padding-bottom:10px; }
.notification_ok2{ text-align: left; padding-bottom:10px; }

#ajax-contact-form2 .form-group{margin-left: 0; margin-right: 0; margin-bottom: 20px;}
#ajax-contact-form2 .form-group label{color: #333e48; font-weight: 400; display: none;}
#ajax-contact-form2 .form-control{height: 51px; padding: 15px 0px; font-size: 16px; line-height: 20px; color: #717779; background: none; border: none; border-bottom: 1px solid #e5e5e5;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
#ajax-contact-form2 .form-control:focus{border-color: #000; background: none; color: #000;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
#ajax-contact-form2 textarea.form-control {height: auto;}
#ajax-contact-form2 .form-group.capthca{float: left; margin-right: 30px;}
#ajax-contact-form2 .form-group.capthca input{width: 170px;}
#ajax-contact-form2 .form-group.img{float: left;}
#ajax-contact-form2 .form-group.img img{width:170px; height:38px;}

.btn-default.btn-cf-submit2{display: inline-block; text-decoration: none; color: #2b2e2f; font-weight: 600; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 14px 40px; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden; border: none; margin-top: 40px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit2:hover{color: #fff;}
.btn-default.btn-cf-submit2 span{position: relative; display: inline-block;}
.btn-default.btn-cf-submit2:before{content: ''; display: block; background: #fff; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit2:hover:before{background: transparent;}

/*================= Contacts3 =========================*/
#note3{ }
.notification_error3{ color:#f00; padding-bottom:10px; }
.notification_ok3{ text-align: left; padding-bottom:10px; }

#ajax-contact-form3 .form-group{margin-left: 0; margin-right: 0; margin-bottom: 20px;}
#ajax-contact-form3 .form-group label{color: #333e48; font-weight: 400; display: none;}
#ajax-contact-form3 .form-control{height: 51px; padding: 15px 0px; font-size: 16px; line-height: 20px; color: #717779; background: none; border: none; border-bottom: 1px solid #e5e5e5;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
#ajax-contact-form3 .form-control:focus{border-color: #fff; background: none; color: #fff;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
#ajax-contact-form3 textarea.form-control {height: auto;}
#ajax-contact-form3 .form-group.capthca{float: left; margin-right: 30px;}
#ajax-contact-form3 .form-group.capthca input{width: 170px;}
#ajax-contact-form3 .form-group.img{float: left;}
#ajax-contact-form3 .form-group.img img{width:170px; height:38px;}

.btn-default.btn-cf-submit3{display: inline-block; text-decoration: none; color: #fff; font-weight: 600; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 14px 40px; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden; border: none; margin-top: 40px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit3:hover{color: #000;}
.btn-default.btn-cf-submit3 span{position: relative; display: inline-block;}
.btn-default.btn-cf-submit3:before{content: ''; display: block; background: #212223; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit3:hover:before{background: transparent;}







/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1230px) {



}
/* Default landscape and desktop to large desktop */
@media (max-width: 1229px) {

  .bot2 .menu-wrapper{clear: both; width: 100%; float: left; text-align: center; margin-top: 20px;}

  .bot1{padding-left: 15px; padding-right: 15px;}

  .bot1 .logo2_wrapper{position: relative; left: 0; top: 0; float: left; padding-right: 50px;}

  .bot1 .social2_wrapper{position: relative; right: 0; float: right;}

  .bot1 .menu-wrapper{clear: both; width: 100%; float: left; text-align: center; margin-top: 20px;}

  #why-choose-me .right_box{width: 470px;}

  #design-wrapper .right_box{width: 470px;}

  .title9{margin-top: 50px;}

  .owl-carousel-projects.owl-carousel .owl-nav{margin-right: -470px;}




}
@media (min-width: 992px) {




}
@media (min-width: 992px) and (max-width: 1229px) {

  .navbar_ .nav > li{margin-left: 15px;}

  .design-list li .caption .num1{font-size: 60px;}

  .design-list li .caption .txt3{padding-top: 10px;}






}
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
  #why-choose-me .right_box{width: 360px;}

  #design-wrapper .right_box{width: 360px;}

  .staff1{width: 33.33333333%;}

  .top3-links{clear: both; padding-top: 20px;}

  .top3-link{float: left; margin-bottom: 15px;}

  .slider2 .txt1{font-size: 16px;}

  .slider2 .txt2{font-size: 60px;}

  .slider2 .txt3{font-size: 20px; padding-top: 10px;}

  .slider2 .txt4{padding-top: 30px;}

  .title9{margin-top: 30px;}

  .owl-carousel-projects.owl-carousel .owl-nav{margin-right: -360px;}







}
@media (min-width: 768px) and (max-width: 991px) {

  .navbar_ .nav > li{margin-left: 10px;}

  .navbar_ .nav > li > a{padding-right: 0; font-size: 12px;}

  .services-list li a .caption .txt2{display: none;}

  .design-list li .caption .num1{display: none;}

  .design-list li .caption .txt1{font-size: 14px;}

  .design-list li .caption .txt2{font-size: 30px;}

  .design-list li .caption .txt3{padding-top: 10px;}


  .gallery2-inner .left_box_wrapper{width: 300px;}










}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

  .search-open{display: none;}

    .search-openy{display: none;}

  .top1{height: 60px;}
  .top6{height: 60px;}


  .search-wrapper{display: none!important;}



	.navbar_ {float: none; height: 60px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; text-align: left;}
	.navbar-collapse_{clear: both; margin-left: 0; margin-right: 0;}
	.navbar_ .nav{display: block; background: none; border-right: none;background: #fff; border: none; padding: 0;}
	.navbar_ .nav > li{float: none; display: block; background: none; border-left: none; margin-left: 0; border-top:1px solid #f79228; background: none;}
	.navbar_ .nav > li > a{color: #2b2e2f!important; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; border: none!important; padding-left: 15px; padding-right: 15px;}
  .navbar_ .nav > li > a:before{display: none;}
	.navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{border: none!important;}
	.sub-menu ul{position: relative; left: 0; top: 0; margin-top: 0; border: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
    .sub-menu ul li{border-top: 1px solid #f79228 !important; text-align: left;}
    .sub-menu ul li a{padding-left: 20px;}

  #offices{display: block; padding-bottom: 80px;}

  .office{display: block; width: auto; padding: 40px 10%;}

  #offices-wrapper:before{display: none;}
  #offices-wrapper:after{display: none;}

  .bot1 .logo2_wrapper{float: none; text-align: center; padding-right: 0;}
  .bot1 .logo2{display: inline-block;}

  .bot1 .social2_wrapper{float: none; margin-top: 20px;}

  .menu-wrapper li{display: block; padding: 10px 0;}

  .bot2 .logo2_wrapper{float: none; text-align: center; padding-right: 0;}
  .bot2 .logo2{display: inline-block;}

  .bot2 .social2_wrapper{float: none; margin-top: 20px;}

  body.scroll{padding-top: 60px;}

  #why-choose-me{display: block;}

  #why-choose-me .left_box_wrapper{display: block; width: auto; padding-top: 50%;}
  #why-choose-me .right_box_wrapper{display: block; width: auto;}

  #why-choose-me .right_box{width: auto; padding: 30px 15px;}

  #online-consulting{display: block;}

  #online-consulting .right_box_wrapper{display: block; width: auto; padding-top: 50%;}
  #online-consulting .left_box_wrapper{display: block; width: auto;}

  #design-wrapper{display: block;}

  #design-wrapper .left_box_wrapper{display: block; width: auto; padding-top: 50%;}
  #design-wrapper .right_box_wrapper{display: block; width: auto;}

  #design-wrapper .right_box{width: auto; padding: 30px 15px;}

  .staff1{width: 50%;}

  .what1 .txt{top: -20px;}

  .what1 .txt span{font-size: 24px; padding: 0 20px;}

  .owl-carousel-testimonial2 .owl-prev{margin-left: -100px;}

  .owl-carousel-testimonial2 .owl-next{margin-right: -100px;}

  #services-phone .block{margin-top: 30px;}

  .comment-block.left1{margin-left: 20px;}

  .top2-top .left-block{float: none;}

  .top2-top .right-block{float: none;}

  .top2 .shopping-cart{float: left; margin-left: 20px;}

  .top2 .navbar_{margin-left: -15px; margin-right: -15px;}

  .top3 .navbar_{margin-left: -15px; margin-right: -15px;}

  .top3-top header{float: none;}

  .social_top_wrapper{float: none; padding-top: 20px;}

  .services-list li{width: 100%; padding: 1% 0;}

  .design-list li{float: none; width: 100%;}

  #get-in-touch2{display: block;}

  #get-in-touch2 .left_box_wrapper{display: block; width: 100%;}

  #get-in-touch2 .right_box_wrapper{display: block; width: 100%; height: 0; padding-bottom: 50%;}

  .slider2 .txt1{font-size: 14px; letter-spacing: 0;}

  .slider2 .txt2{font-size: 26px;}

  .slider2 .txt3{font-size: 12px; padding-top: 0;}

  .slider2 .txt4{display: none;}

  .top4 .navbar_ .nav > li{padding-bottom: 0; padding-top: 0;}

  .top5 .navbar_ .nav > li{padding-bottom: 0; padding-top: 0;}

  div.sf-mega{position: relative; left: 0; top: 0; margin-top: 0; border: none; background: none; padding: 0 15px; width: 100%; margin-left: 0;}

  .menu-item-container-text{float: none; width: auto; padding: 0; border: none;}

  .top4 .shopping-cart{display: none;}

  .top5 .shopping-cart{display: none;}

  .slider3 .txt2{font-size: 30px;}

  .slider3 .txt3{font-size: 20px; padding-top: 0;}

  .slider3 .txt4{display: none;}

  .carousel3 .owl-carousel .owl-nav{display: none;}

  .title9{margin-top: 0px;}

  #what-people-say2 .owl-carousel{margin-bottom: 30px;}

  #gallery-wrapper .gallery-title{float: none;}

  #options{float: none;}

  #gallery2-wrapper{padding: 60px 0;}

  .gallery2-inner{display: block;}

  .gallery2-inner .left_box_wrapper{display: block; width: 100%; padding: 50px 15px;}

  .gallery2-inner .right_box_wrapper{display: block; width: 100%;}

  .gallery2-inner .right_box{padding-left: 0;}

  .owl-carousel-projects.owl-carousel .owl-nav{margin-right: 0px; right: 15px;}






}
@media (min-width: 481px) and (max-width: 767px) {



}
/* Landscape phones and down */
@media (max-width: 480px) {

  .staff1{width: 100%;}

  .my_cart_popup{width: 300px;}

  .design-list li .caption .txt3{padding-top: 10px;}

  #online-consulting .left_box{display: block;}

  #online-consulting .left_box_cel{display: block; width: auto; padding: 0 15px;}





}



.top-margin{
    margin:-140px 0 30px 0;
}