/* 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');

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

.visible {
visibility: visible;
}

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

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

body{ background:#fff; border:0; color:#7d7d7d; min-width: 320px; font-family: 'Roboto'; font-size: 16px; line-height: 1.5;}

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

.clearfix2:before,
.clearfix2:after {
  content: " ";
  display: table;
}
.clearfix2:after {
  clear: both;
}

/* ============================= header ====================== */
.top1-wrapper{position: relative;}
.top1{position: relative; padding: 15px 0; line-height: 30px; font-size: 12px; color: #2b2b2b;}
.top1 a{color: #2b2b2b; text-decoration: none;}

.phone1{float: left;}
.email1{float: left; margin-left: 10px;}

.social-top{display: block; padding: 0 0 0 20px; margin: 0; list-style: none; float: right; border-left: 1px solid #ebecec;}
.social-top li{display: inline-block;}
.social-top li a{color: #2b2b2b; display: block; padding: 0 10px;
transition: all 0.3s ease-out;
}
.social-top li a:hover{color: #f7b901;}

.login1{float: right; margin-right: 30px;}


.header-v1{position: absolute; width: 100%; left: 0; top: 0; z-index: 30;}
.header-v2{position: relative; z-index: 30; background: #2b2b2b;}

.header-inner{position: relative;}

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

.left-panel{position: absolute; width: 150px; height: 100%; left: 0; top: 0; z-index: 1; overflow: hidden;}
.left-panel:before{content: ''; display: block; width: 1px; height: 150px; bottom: 310px; background: rgba(100, 112, 114, 0.3); position: absolute; left: 50%; margin-left: -1px; z-index: 1;}

.social-left{ display: block; margin: 0; padding: 0; list-style: none; text-align: center; position: absolute; left: 0; width: 100%; bottom: 90px; z-index: 10;}
.social-left li{display: block; margin: 0; padding: 10px 0;}
.social-left li:first-child{}
.social-left li a{display: inline-block; text-decoration: none; font-size: 14px; color: #a4aeb0; text-align: center;
transition: all 0.3s ease-out;
}
.social-left li a:hover{color: #f7b901;}

.social-left-txt{white-space: nowrap; text-align: right; position: absolute; right: 50%; bottom: 620px; line-height: 20px; margin-right: 10px; z-index: 9; color: #a4aeb0; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 0.5em;
-webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
-webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
}
/* ============================= my search ====================== */
.my_search_wrapper{float: right; margin-top: 0px; position: relative; margin-left: 40px;}
.header-v1 .my_search_wrapper{margin-left: 0px;}
.my_search_wrapper:before{content: ''; display: block; width: 1px; height: 30px; background: #6a6a6a; position: absolute; left: 0; top: 50%; margin-top: -15px;}
.header-v1 .my_search_wrapper:before{display: none;}
.my_search_wrapper:hover .my_search_popup{display: block;}
.my_search_button{position: relative; margin-bottom: 68px; margin-top: 62px; margin-left: 50px;}
.header-v1 .my_search_button{margin-left: 25px;}
.my_search_button a{display: block; text-decoration: none; color: #fff; font-size: 20px; line-height: 20px; height: 20px; padding-top: 0px; padding-right: 0px;}
.header-v1 .my_search_button a{color: #b4b4b4;}
.is-sticky .my_search_button a{color: #000;}
.my_search_button a i{display: inline-block;}

.my_search_popup{ display: none; width: 470px; background: #fff; position: absolute; right: 0; z-index: 61; padding: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);}
.my_search_popup .form-control{border: 1px solid #fff; border-radius:0; color: #000;}
.my_search_popup .form-control:focus{box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-color: #fff;}
.my_search_popup a{position: absolute; right: 0px; top: 0px; text-align: center; width: 38px; line-height: 38px; color: #000; background: none;}
.my_search_popup a:hover{color: #f7b901; background: none;}
.my_search_popup a i{font-size: 16px; line-height: 38px;}
/* ============================= my search end ====================== */





/* ============================= content ====================== */
.page-section{position: relative; padding: 100px 0;}

.title-left .title1{text-align: left;}
.title-left .title2{text-align: left;}

.dark-section .title2{color: #fff;}

#home{position: relative;}

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

#services{background: url(../images/parallax1.jpg) center center no-repeat #000; background-size: cover;}

.features{padding-top: 30px;}
.features .left_box{text-align: right; padding-top: 60px;}
.features .right_box{ padding-top: 60px;}
.features .center_box{text-align: center;}

.features1{position: relative; margin-bottom: 50px;}
.features1 figure{float: right; margin: 0 0 0 20px; width: 50px; height: 50px; text-align: center; border: 2px solid #f7b901; color: #f7b901; line-height: 46px; border-radius: 50%; font-size: 22px;}
.features .right_box .features1 figure{float: left; margin: 0 20px 0 0; }
.features1 .caption{overflow: hidden;}
.features1 .txt1{font-size: 24px; color: #fff; font-family: 'Oswald'; padding-bottom: 10px;}
.features1 .txt2{color: #bbbbbb; font-size: 14px; font-family: 'Roboto';}

#our-skills{display: table; width: 100%; background: #f3f3f3;}
#our-skills .left-box-wrapper{display: table-cell; width: 50%; vertical-align: middle;}
#our-skills .left-box{width: 585px; margin-left: auto; padding-right: 10%;}
#our-skills .right-box-wrapper{display: table-cell; width: 50%; vertical-align: middle; background: #fff;}
#our-skills .right-box{width: 585px; padding: 10%;}

.percentage1{position: relative; padding-bottom: 40px;}
.percentage1 .txt1{padding-bottom: 5px; color: #a4aeb0; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2em;}
.percentage1 .bg{position: relative; height: 5px; background: #e9eaea;}
.percentage1 .bg .animated-distance{background: #f7b901;position: absolute; left: 0; top: 0; width: 0; height: 100%;}
.percentage1 .bg .animated-distance:after{content: ''; display: block; width: 14px; height: 14px; background: #f7b901; border-radius: 50%; position: absolute; right: -7px; top: -5px; box-shadow: 0 0 0 10px rgba(136,177,69,.1);}
.percentage1 .bg .animated-distance span{position: absolute; width: 40px; background: #f7b901; line-height: 24px; text-align: center; top: -45px; right: -20px; font-size: 14px; color: #fff;}
.percentage1 .bg .animated-distance span:after{content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 3.5px 0 3.5px; border-color: #f7b901 transparent transparent transparent;position: absolute; left: 16px; top: 100%;}

.contact-us-block{text-align: center; color: #000; margin-bottom: 30px; font-family: 'Oswald'; font-weight: 400; font-size: 16px; letter-spacing: 0.1em;}
.contact-us-block a{color: #000;}
.contact-us-block figure{position: relative; overflow: hidden; margin-bottom: 20px;}
.contact-us-block figure:before{content: ''; display: block; width: 100%; position: absolute; right: 50%; margin-right: 40px; top: 15px; background: #a4aeb0; height: 1px;}
.contact-us-block figure:after{content: ''; display: block; width: 100%; position: absolute; left: 50%; margin-left: 40px; top: 15px; background: #a4aeb0; height: 1px;}

#google_map{position: relative; height: 560px;}

#partners{background: #f7b901; padding: 70px 0 40px;}

.partner1{margin-bottom: 30px;}
.partner1 a{display: block; text-align: center; text-decoration: none; -webkit-filter: invert(100%); filter: invert(100%);
transition: all 0.3s ease-out;
}
.partner1 a:hover{-webkit-filter: invert(0%); filter: invert(0%);}

#gallery{position: relative;}

.gallery-top-wrapper{background: #f7b901; padding: 60px 0;}

.gallery-top .caption{float: left;}

.gallery-top .caption .title1{color: #fff; text-align: left;}
.gallery-top .caption .title2{text-align: left; padding-bottom: 0;}

#services2{position: relative; overflow: hidden; width: 100%;
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -ms-flex-wrap: wrap; flex-wrap: wrap;
}

.service1{width: 25%;
display: -webkit-box; display: -ms-flexbox; display: flex;
}
.service1 a{display: block; width: 100%; text-decoration: none; background: #f4f4f4; position: relative; text-align: center; padding: 20% 15%;
transition: all 0.3s ease-out;
}
.service1 a:hover{background: #fff;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); z-index: 2;}
.service1 a figure{margin: 0 0 25px;}
.service1 a .txt1{font-size: 18px; color: #242d2e; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; padding-bottom: 10px;}
.service1 a .txt2{color: #647072;}

.team-wrapper{position: relative; margin-bottom: 0px;}
.team-inner{position: relative;}
.team{position: relative;}
.team figure{margin: 0; background: #f7b901;position: relative;}
.team figure img{width: 100%; display: block; position: relative;
transition: all 0.3s ease-out;
}
.team:hover figure img{opacity: 0.1;}
.team .caption{position: absolute; left: 0; width: 100%; top: 50%; text-align: center; padding: 0 10px; opacity: 0;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: all 0.3s ease-out;
}
.team:hover .caption{opacity: 1;}
.team .caption .txt1{color: #2b2b2b; font-size: 20px; font-weight: 500; letter-spacing: 0.05em;}
.team .caption .txt2{color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase;}

.social-team{display: block; padding: 0; margin: 0;list-style: none; position: absolute; left: 0; width: 100%; bottom: 10%; text-align: center; opacity: 0;
transition: all 0.3s ease-out;
}
.team:hover .social-team{opacity: 1;}
.social-team li{display: inline-block; padding: 0 15px;}
.social-team li:first-child{}
.social-team a{display: block; color: #2b2b2b; line-height: 20px; font-size: 15px;
transition: all 0.3s ease-out;
}
.social-team a:hover{color: #fff;}

.owl-carousel-team .owl-dots{text-align: center; padding-top: 30px;}
.owl-carousel-team button.owl-dot{display: inline-block; background: #242d2e; width: 14px; height: 14px; margin: 0 10px; vertical-align: middle; border: 3px solid #fff;
transition: all 0.3s ease-out;
}
.owl-carousel-team button.owl-dot:focus{outline: none;}
.owl-carousel-team button.owl-dot.active, .owl-carousel-team button.owl-dot:hover{background: #fff; border-color: #242d2e; border-width: 2px;}

.breadcrumbs1_wrapper{position: relative;}
.breadcrumbs1{padding: 10px 0; line-height: 20px; color: #f7b901; font-size: 14px;}
.breadcrumbs1 a{color: #bcbcbc; text-decoration: none; display: inline-block; }
.breadcrumbs1 a:hover{color: #f7b901; text-decoration: none;}
.breadcrumbs1 span{display: inline-block; margin: 0 10px; color: #bcbcbc;}

#portfolio{padding-bottom: 60px;}

.details{position: relative; margin-bottom: 50px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);}
.details figure{margin: 0;}
.details figure img{width: 100%;}
.details .caption{background: #fff; padding: 30px 50px; color: #999999;}
.details .caption i{padding-right: 10px;}

.panel-details{position: relative; padding-top: 30px; padding-bottom: 80px;}

.details-tag-wrapper{float: left;}
.details-tag-txt{display: inline-block; font-family: 'Oswald'; text-transform: uppercase; font-size: 20px; padding-right: 15px; vertical-align: middle;}
.details-tag{display: inline-block; padding: 0; margin: 0; vertical-align: middle;}
.details-tag li{display: inline-block; padding-right: 5px;}
.details-tag li a{display: block; border: 1px solid #272727; border-radius: 2px; color: #272727; padding: 7px 10px; text-decoration: none;
transition: all 0.3s ease-out;
}
.details-tag li a:hover{color: #fff; background: #272727; border-color: #272727;}

.details-links-wrapper{float: right; padding-top: 10px;}
.details-links-item{display: inline-block; position: relative; padding-left: 35px; font-size: 16px; color: #222222; font-family: 'Oswald'; line-height: 20px; margin-left: 20px;}
.details-links-item i{position: absolute; left: 0; top: 0px; color: #f7b901; font-size: 25px;}

.comment-block{margin-bottom: 30px;}
.comment-block.left{margin-left: 100px;}
.comment-block figure{float: left; margin-right: 30px;}
.comment-block figure img{}
.comment-block .caption{overflow: hidden; padding-left: 30px; border-left: 1px solid #e9e9e9; }
.comment-block .caption-top{padding-bottom: 20px;}
.comment-block .caption .txt1{font-size: 14px; color: #a4aeb0; font-style: italic;}
.comment-block .caption .author{font-size: 18px; color: #242d2e; font-weight: 700;}
.comment-block .caption .txt2{float: right;}
.comment-block .caption .txt3{color: #647072;}

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

.sidebar1{background: #fbfbfb; padding: 30px 13%;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);}

.blog1{margin-bottom: 30px;}
.blog1 a{display: block; text-decoration: none; background: #fff;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-out;
}
.blog1 a:hover{box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.15);}
.blog1 a figure{margin: 0;}
.blog1 a figure img{width: 100%;}
.blog1 a .caption{padding: 40px 30px;}
.blog1 a .caption .txt1{font-family: 'Oswald'; font-size: 12px; text-transform: uppercase; color: #f7b901; letter-spacing: 0.1em; padding-bottom: 20px;}
.blog1 a .caption .txt2{font-size: 24px; font-weight: 500; color: #000; padding-bottom: 15px; line-height: 1.3;}
.blog1 a .caption .txt3{color: #a4aeb0; font-size: 14px; font-style: italic;}

.pagination{display: block; border-radius: 0; margin-bottom: 0; padding-top: 30px; text-align: center;}
.page-item{display: inline-block; margin: 0 8px;}
.page-link{margin-left: 0; background: none; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; font-family: 'Roboto'; font-weight: 500; font-size: 16px; text-align: center; border: none; padding: 0; text-decoration: none; color: #242d2e;}
.page-link:hover{background: none; color: #a4aeb0;}
.page-link i{font-size: 120%; padding: 0 8px;}
.page-item.active .page-link{background: #f7b901; color: #fff;}
.page-item:first-child{float: left;}
.page-item:first-child .page-link{margin-left: 0; border-radius: 0; font-style: italic; font-weight: 400; width: auto;}
.page-item:last-child{float: right;}
.page-item:last-child .page-link{margin-right: 0; border-radius: 0; font-style: italic; font-weight: 400; width: auto;}

.sidebar-block{margin-bottom: 50px; position: relative;}
.sidebar-block:last-child{margin-bottom: 0;}

.sidebar-title{text-transform: uppercase; font-weight: 700; color: #242d2e; padding-bottom: 15px; letter-spacing: 0.1em; font-size: 14px;position: relative; margin-bottom: 30px;}
.sidebar-title:before{content: ''; width: 30px; height: 2px; background: #f7b901; display:block; position: absolute; left: 0; bottom: 0;}

.sidebar-content{}

.my_search{position: relative;}
.my_search form{position: relative;}
.my_search .form-control{border: 1px solid #e1e1e1; background: none; border-radius:0; color: #555555; font-size: 14px; font-style: italic; padding: 9px 40px 9px 15px;}
.my_search .form-control:focus{box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-color: #f7b901;}
.my_search a{position: absolute; right: 0px; top: 0px; text-align: center; width: 38px; line-height: 38px; color: #999999; background: none;}
.my_search a:hover{color: #f7b901; background: none;}
.my_search a i{font-size: 20px; line-height: 38px;}

.ul2{display: block; padding: 0; margin: 0;}
.ul2 li{display: block; position: relative; border-bottom: 1px solid #e1e1e1; font-size: 16px;}
.ul2 li a{display: block; text-decoration: none;color: #242d2e; padding: 14px 0 14px 30px;
transition: all 0.3s ease-out;
}
.ul2 li a:before{content: "\f0da"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 14px;}
.ul2 li a:hover{color: #f7b901;}

.works{padding: 0; margin: 0; list-style: none;}
.works li{display: block; float: left; padding: 0 7px 10px 0}
.works li a{display: block; background: #f7b901;}
.works li a img{position: relative;
transition: all 0.3s ease-out;
}
.works li a:hover img{opacity: 0.7;}

.news1{padding-bottom: 30px;}
.news1 a{display: block; text-decoration: none;}
.news1 a figure{float: left;  margin: 0 15px 0 0; }
.news1 a .caption{overflow: hidden;}
.news1 a .caption .txt1{font-size: 16px; color: #242d2e; font-weight: 500; padding-bottom: 10px; line-height: 1.5;
transition: all 0.3s ease-out;
}
.news1 a:hover .caption .txt1{color: #f7b901}
.news1 a .caption .txt2{font-size: 14px; color: #647072; font-style: italic;
transition: all 0.3s ease-out;
}
.news1 a:hover .caption .txt2{color: #000}

.tags{display: block; padding: 0; margin: 0; list-style: none;}
.tags li{display: inline-block; padding: 0 5px 5px 0;}
.tags li a{display: block; text-decoration: none; font-size: 12px; color: #242d2e; border: 1px solid #e1e1e1; padding: 5px 15px; text-transform: uppercase;
transition: all 0.3s ease-out;
}
.tags li a:hover{background: #2b2b2b; border-color: #2b2b2b; color: #fff;}

.post{}
.post-header img{width: 100%;}
.post-date{font-size: 14px; color: #a4aeb0; font-style: italic; padding-bottom: 20px;}
.post-date span{font-style: normal; font-family: 'Oswald'; font-size: 12px; color: #f9cc4a; text-transform: uppercase; letter-spacing: 0.1em; padding-left: 10px;}





/* ============================= footer ====================== */
.bot-wrapper{background: url(../images/map.jpg) center center no-repeat #2b2b2b; padding: 70px 0;}
.bot2{border-top: 1px solid rgba(112, 112, 112, 0.2); border-bottom: 1px solid rgba(112, 112, 112, 0.2); padding: 40px 0; margin: 50px 0;}

.bot1{text-align: center; color: #647072;}

.logo2_wrapper{}

.social-footer{ display: block; margin: 45px 0 30px; padding: 0; list-style: none;}
.social-footer li{display: inline-block; margin: 0 10px; position: relative; overflow: hidden; border-radius: 50%; background: #2b2b2b;}
.social-footer li:first-child{border-left: none;}
.social-footer li a{display: block; text-decoration: none; font-size: 14px; color: #a4aeb0; text-align: center; line-height: 28px; width: 30px; border: 1px solid #a4aeb0; border-radius: 50%; margin: 0px; position: relative; z-index: 0;
transition: all 0.3s ease-out;
}
.social-footer li a:hover{color: #f7b901; border-color: #f7b901;}
.social-footer li a:before{display: block; content: ''; width: 6px; top: -4px; bottom: -4px; background: #2b2b2b; position: absolute; z-index: -1; left: 50%; margin-left: -3px;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
}

.bot2-title{text-transform: uppercase; font-family: 'Oswald'; color: #f7b901; padding: 30px 0 20px;}

.contact1{padding-bottom: 20px; color: #a4aeb0;}
.contact1 a{color: #a4aeb0;}
.contact1 b{color: #f7b901;}

.recent-posts{ padding-bottom: 20px;}
.recent-posts a{display: block; text-decoration: none;}
.recent-posts a figure{float: left; margin: 0 20px 0 0;}
.recent-posts a .caption{display: table;}
.recent-posts a .caption .txt1{color: #fff; padding-bottom: 5px;
transition: all 0.3s ease-out;
}
.recent-posts a:hover .caption .txt1{color: #f7b901;}
.recent-posts a .caption .txt2{color: #a4aeb0; font-size: 14px; font-style: italic;
transition: all 0.3s ease-out;
}
.recent-posts a:hover .caption .txt2{color: #fff;}

.best1{padding: 0; margin: 0; list-style: none;}
.best1 li{display: block; float: left; padding: 0 20px 20px 0}
.best1 li a{display: block; background: #f7b901;}
.best1 li a img{position: relative;
transition: all 0.3s ease-out;
}
.best1 li a:hover img{opacity: 0.7;}

.bot3{text-align: center;}

.menu-bot{padding: 0; margin: 0; list-style: none; display: block; color: #a4aeb0; font-size: 14px;}
.menu-bot li{display: inline-block; padding: 5px 0;}
.menu-bot li a{display: inline-block; color: #a4aeb0; text-decoration: none;}
.menu-bot li a:hover{color: #f7b901;}
.menu-bot li:before{content: '|'; display: inline-block; padding: 0 10px 0 8px;}
.menu-bot li:first-child:before{display: none;}

.copyrights{padding-top: 10px; font-size: 14px; color: #647072;}
.copyrights a{color: #f7b901; text-decoration: none;}










/* ============================= main menu ====================== */
.navbar_{display: block; float: right; padding: 0; position: static;}
.navbar_ .navbar-toggler{float: right; padding: 4px 12px; font-size: 20px; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; margin: 0; color: rgba(255,255,255,.5); border-color: transparent; margin-top: 25px; margin-bottom: 25px;}
.navbar_ .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar_ .navbar-collapse{clear: both;}
.navbar_ .navbar-nav{display: block; padding: 0; margin: 0;}
.navbar_ .navbar-nav > li{display: block; float: left; white-space: nowrap; margin-left: 30px;}
.navbar_ .navbar-nav > li:first-child{margin-left: 0;}
.navbar_ .navbar-nav > li > .nav-link i{padding-left: 3px}
.navbar_ .navbar-nav > li > .nav-link{display: block; text-decoration: none; font-family: 'Roboto'; font-weight: 400; font-size: 14px; text-transform: uppercase; line-height: 147px; padding: 0 10px; margin: 0; color: #fff; border-bottom: 3px solid transparent; letter-spacing: 0.1em;
transition: all 0.3s ease-out;
}
.header-v1 .navbar_ .navbar-nav > li > .nav-link{border-color: transparent !important; color: #b4b4b4;}
.navbar_ .navbar-nav > li > .nav-link:focus{color: #f7b901; border-color: #f7b901;}
.navbar_ .navbar-nav > li > .nav-link:hover,
.navbar_ .navbar-nav > li.sfHover > .nav-link,
.navbar_ .navbar-nav > li.sfHover > .nav-link:hover,
.navbar_ .navbar-nav > li > .nav-link.active,
.navbar_ .navbar-nav > li > .nav-link.active:hover,
.navbar_ .navbar-nav > li > .nav-link.active:focus{color: #f7b901; border-color: #f7b901;}

.navbar_ .navbar-nav > li.sub-menu{position: relative;}

.sf-mega{display: none;position: absolute; left: 50%; background: #fff; border-radius: 0; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.05); border-top: 3px solid #f7b901; top: 100%; margin-top: -3px; padding: 20px 0;
-ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.sf-mega ul{display: block; padding: 0px 0px; margin: 0; list-style: none;}
.sf-mega ul li{display: block; position: relative;}
.sf-mega ul li:first-child{border-top: none;}
.sf-mega ul li a i{position: absolute; right: 30px; top: 13px}
.sf-mega ul li a{padding: 10px 70px 10px 30px; color: #242d2e; font-size: 14px; line-height: 20px; display: block; text-decoration: none; position: relative; font-family: 'Roboto'; text-transform: uppercase;
transition: all 0.3s ease-out;
}
.sf-mega ul li a:hover{color: #f7b901;}

.sf-mega ul li .sf-mega{left: 100%; top: 0; margin-left: 0px; margin-top: -3px;
-ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}









/* ============================= main layout ====================== */
h2{color: #000; font-size: 24px; font-weight: 500; margin: 30px 0 15px;}

.title1{font-family: 'Oswald'; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; font-size: 14px; font-weight: 700; color: #f7b901; padding-bottom: 20px;}
.title2{font-family: 'Oswald'; text-align: center; text-transform: uppercase; letter-spacing: 0em; font-size: 48px; color: #110e14; padding-bottom: 40px;}
.title3{font-family: 'Roboto'; font-size: 24px; font-weight: 500; color: #222222; padding-bottom: 20px;}





/* === */






/*-----btn-----*/
.btn1{display: inline-block; text-decoration: none; color: #000; font-weight: 700; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 11px 25px; text-transform: uppercase; position: relative; border: 2px solid #f7b901; letter-spacing: 0.2em; background: #f7b901; border-radius: 4px;
transition: all 0.3s ease-out;
}
.btn1:hover{color: #fff; background: none; border-color: #f7b901;}

.btn2{display: inline-block; text-decoration: none; color: #fff; font-weight: 700; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 11px 25px; text-transform: uppercase; position: relative; border: 2px solid #2b2b2b; letter-spacing: 0.2em; background: #2b2b2b; border-radius: 4px;
transition: all 0.3s ease-out;
}
.btn2:hover{color: #fff; background: #f7b901; border-color: #f7b901;}

.btn3{display: inline-block; text-decoration: none; color: #272727; font-weight: 400; font-family: 'Roboto'; font-size: 14px; line-height: 20px; padding: 10px 15px; position: relative; border: 1px solid #272727; letter-spacing: 0em; background: none; border-radius: 0px; min-width: 130px;
transition: all 0.3s ease-out;
}
.btn3:hover{color: #fff; background: #272727; border-color: #272727;}

.btn4{display: inline-block; text-decoration: none; color: #000; font-weight: 700; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 11px 25px; text-transform: uppercase; position: relative; border: 2px solid #f7b901; letter-spacing: 0.2em; background: #f7b901; border-radius: 4px;
transition: all 0.3s ease-out;
}
.btn4:hover{color: #000; background: none; border-color: #f7b901;}

.btn5{display: inline-block; text-decoration: none; color: #242d2e; font-weight: 700; font-family: 'Roboto'; font-size: 13px; line-height: 20px; padding: 4px 25px; text-transform: uppercase; position: relative; border: 1px solid #242d2e; letter-spacing: 0.2em; background: none; border-radius: 2px;
transition: all 0.3s ease-out;
}
.btn5:hover{color: #fff; background: #242d2e; border-color: #242d2e;}



/*================= 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: 40px;}
#ajax-contact-form .form-group label{color: #333333; font-weight: 400; font-size: 14px; display: none;}
#ajax-contact-form .form-group label span{color: #fcb100;}
#ajax-contact-form .form-control{padding: 18px 25px; font-size: 15px; line-height: 22px; color: #b3b7c8; background: #fff; ; border: 1px solid #e5e5e5;border-radius:0px;}
#ajax-contact-form .form-control:focus{border-color: #c4c4c4; background: #fff; box-shadow: none; color: #000;}
#ajax-contact-form textarea.form-control {height: 126px;}
#ajax-contact-form .form-group.capthca{float: left; margin-right: 20px;}
#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;}
















/*----- media queries ------*/
@media (min-width: 1260px) {


}
@media (max-width: 1259.98px) {
  .left-panel{width: 100px;}

  #our-skills .left-box{width: 465px;}
  #our-skills .right-box{width: 465px;}






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


}
@media (min-width: 992px) and (max-width: 1259.98px) {
  .features .left_box{padding-top: 30px;}
  .features .right_box{ padding-top: 30px;}




}
@media (max-width: 991.98px) {
  .left-panel{width: 50px;}

  .header-v2 .my_search_wrapper{margin-left: 10px;}

  .header-v2 .my_search_button{margin-left: 25px;}

  header{max-width: 120px;}

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

  .features .left_box{padding-top: 0px;}
  .features .right_box{ padding-top: 0px;}

  .features1 figure{float: none; margin: 0 auto 20px;}
  .features .left_box{text-align: center;}
  .features{text-align: center;}
  .features .right_box .features1 figure{float: none; margin: 0 auto 20px;}

  #our-skills .left-box{width: 345px;}
  #our-skills .right-box{width: 345px;}

  .gallery-top .caption{float: none;}

  #options{float: none; padding-top: 20px;}

  .service1{width: 50%;}









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





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

  .works li{max-width: 75px;}







}
@media (max-width: 767.98px) {
  .left-panel{display: none;}

  .my_search_wrapper{display: none;}




  .navbar_{float: none;}
  .navbar_ .navbar-collapse{position: absolute; left: 0; width: 100%; background: #2b2b2b; top: 100%; padding: 0 15px;}
  .navbar_ .navbar-nav{height: auto; max-height: calc(100vh - 90px); overflow: scroll;}
  .navbar_ .navbar-nav > li{float: none; margin-left: 0;}
  .navbar_ .navbar-nav > li > .nav-link{line-height: 40px; padding-left: 0;}

  .sf-mega{position: relative; left: auto; right: auto; max-width: none; top: auto; padding: 0; box-shadow: none; background: none;}

  .sf-mega{
  -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
  }

  .sf-mega ul li a{color: #fff;}

  .navbar_ .navbar-nav > li.sub-menu .sf-mega{padding: 0;}

  .navbar_ .navbar-nav > li.sub-menu .sf-mega ul li .sf-mega{left: 0; margin-left: 0; margin-top: 0;}

  .top1-wrapper{display: none;}

  .mouse{bottom: 20px; display: none;}

  #our-skills{display: block;}

  #our-skills .left-box-wrapper{display: block; width: 100%;}

  #our-skills .left-box{margin-left: 0; width: auto; text-align: center; padding: 5%;}

  #our-skills .right-box-wrapper{display: block; width: 100%;}

  #our-skills .right-box{width: auto; padding: 5%;}

  .details-tag-wrapper{float: none;}

  .details-links-wrapper{float: none; padding-top: 30px;}

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

  .comment-block .caption .txt2{float: none; padding-bottom: 10px;}













}
@media (max-width: 575.98px) {
  .service1{width: 100%;}


}