/*
Theme Name: ecotech
Theme URI: http://www.rockdesigning.com/ecotech/
Author: Y Design Services
Author URI: http://www.ydesignservices.com/
Description: A free WordPress theme for blogs that are designed to have beautiful typography. It is developed using responsive design, ensuring that your blog will be no less beautiful when viewed on a smartphone or tablet.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, pink, responsive-layout, full-width-template, one-column, two-columns, featured-images, translation-ready, right-sidebar, editor-style, custom-header, custom-background, custom-menu, threaded-comments
Text Domain: tribute
This theme, like WordPress, is licensed under the GPL.
*/

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



@font-face{font-family:'FontAwesome';src:url(fonts/FontAwesome.otf);}
@font-face{font-family:'bebasneue_Regular.otf';src:url(fonts/bebasneue_Regular.otf);}


.contact-section ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#fff;font-family:14px;font-family: 'Poppins', sans-serif;font-weight:500;}

.contact-inner-left ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#fff;}
.contact-inner-right ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#fff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#7b7b7b;font-family:13px;font-family: 'Poppins', sans-serif;}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#7b7b7b;font-family:13px; font-family: 'Poppins', sans-serif;}

.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:14px;line-height:17px;margin:0;padding:0 4px 5px;color:#a6a6a6;font-style:italic;}
p.wp-caption-text{color:#a6a6a6;text-align:center;font-size:14px;font-style:italic;margin-bottom:15px;margin-top:10px;}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
blockquote{background:#f9f9f9;color:#222222;overflow:hidden;border-left:4px solid #cd2122;position:relative;font-size:21px;font-style:italic;padding:18px;font-family:'Lato', sans-serif; margin-bottom:30px;}
a,button,input:focus,textarea:focus,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
::-moz-selection{background:#b142e9;color:#fff}
::selection{background:#00aee4;color:#fff}
a{color:#212739;}
a:hover, a:focus{text-decoration:none;color: #d48cf8; outline:0;}
ul li{font-weight:400;font-size:15px; font-family: 'Poppins', sans-serif;}
ul{list-style:none;padding:0px;}
ul li a:hover{color:#cd2122;}
address{color:#464646;line-height:26px;font-size:13px;margin-bottom:15px;}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
big{font-size:125%}
pre{background-color:#fff;border:#eaeaea solid 1px;color:#8a8a8a;font-size:13px;line-height:26px}
label{color:#858585;font-size:13px;font-weight:normal;display:block;margin-bottom:0;}
.form-control, #comment, label input{border:1px solid #cccccc;height:45px;box-sizing:border-box;border-radius:0px;box-shadow:none;font-size:13px;resize:none;background:#none;position:relative;width:100%;}
input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:focus{box-shadow:none;outline:0;}
button{outline:none;cursor:pointer;font-size:13px;text-transform:uppercase;padding:10px 25px;border:1px solid #fff;border-radius:0px;}
button:hover,.search-submit:hover{background-color:#cd2122;}
.btn{font-size:14px;color:#272727;text-transform:uppercase;padding:13px 16px;background:#fff;border-radius:5px;white-space:inherit;font-weight:500;display:inline-block;
letter-spacing:1px; font-family: 'Poppins', sans-serif; border:0px;}
.btn {display: inline-block; border:0px;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;background: #e1e1e1;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.btn:before {content: "";position: absolute;z-index: -1;top:0;bottom: 0;left: 0;right: 0;background:#d42800;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;border-radius:5px;}
.btn:hover:before, .btn:focus:before, .btn:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.btn:hover, .btn:focus, .btn:active {color: white;}
.btn:hover,.btn:focus,.btn:active:focus{background:#323232;color:#fff;outline:none;-webkit-transition-duration:0.4s;tansition-duration:0.4s;}
input[type="text"], input[type="email"], textarea{border:1px solid #9b9b9b;height:45px;box-sizing:border-box;border-radius:0px;box-shadow:none;font-size:13px;resize:none;background:none;position:relative;width:100%;padding-left:14px; outline:none;}
textarea{height:auto; padding: 10px 12px;}
button, input[type="submit"]{background:#fff;padding:12px 30px;color:#272727;border:none;outline:none;font-size:13px;font-weight:700;text-transform:uppercase;
-webkit-appearance:default-button;}
button, input[type="submit"]:hover{background:#272727; color:#fff;}
h1,h2,h3,h4,h5,h6{color:#000;line-height:1;margin-bottom:20px;padding:0;font-weight:400;}
h1{font-size:32px}
h2{font-size:29px;}
h3{font-size:25px;}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:15px}
p{line-height:26px;margin-bottom:30px;font-size:14px; font-family: 'Poppins', sans-serif; font-weight:400;}
body{color:#3f3f3f;font-family: 'Poppins', sans-serif;font-size:14px;line-height:1.625;font-weight:400; -webkit-font-smoothing: antialiased;overflow-x: hidden; background-color:inherit !important;}
body img { max-width: 100%;}
.mb-20 { margin-bottom:20px;}
.pd-60 { padding:60px 0;}
.pd-50 {padding:50px 0;}
.section-heading { margin-bottom:50px;}
.header {position: absolute;top: 0;z-index: 999;width: 100%;}
.topbr-section {border-bottom: 1px solid #7777773b;}
.info a {text-decoration: none;color: #fff;}
.top-text {text-align: right;display: flex; float: right;}
.top-btn {display: inline-block;margin:8px 20px 0 0px;}
.top-text .social {margin-top: 12px;}
.top-btn .btn {padding:4px 12px;font-size: 13px;border-radius: 6px;color: #d42800; margin-left:5px; border:0px; background:#fff;}
.top-btn .btn:before { background:#a01e00; color:#fff;}
.top-btn .btn:hover { color:#fff;}
.top-btn .btn ::before:hover { transition:all .3s; color:#fff;}
.info {padding-top: 11px;}

/* logo */
.logo-title {font-family: 'bebasneue_Regular.otf';font-weight: 400;color: #d42800;text-transform: uppercase;font-size: 42px;letter-spacing: 2px;margin-bottom:0px;margin-top: 5px;}
.logo-title span {display: block;color: #fff;font-family: 'Poppins', sans-serif;font-weight: 300;font-size: 14px;letter-spacing: 1.4px;}
.logo img {width: 60%;margin-top: 7px;}
/* navigation */

.header-main {padding:20px 0;}
.nav {text-align: right; margin-top:15px; display:inline-block;}
.nav ul {list-style:none; padding: 0px; margin:auto;}
.nav ul li { display: inline-block; margin-left:40px; position:relative;}
.nav ul li:first-child{ margin-left: 0px;}
.nav ul li a { text-decoration:none; color:#fff; display:inline-block;}
.nav ul li a:hover { transition:all .3s; color:#c3c3c3;}
.header-nav {position: relative; line-height:0px; margin-top:10px;}
.cart{font-size: 25px;color: #fff; display:inline-block; margin-left:25px;vertical-align:middle; cursor:pointer;}
.nav > ul > li:last-child > a{padding-right:0px;}
.nav ul ul li a:hover, .navbar > ul > li.active a{color:#000;}
.nav>li>a:focus, .nav>li>a:hover{background-color:inherit;}
.nav ul li:hover > ul{visibility: visible;  opacity: 1;top:20px; }
.nav ul li ul{position: absolute;left: 0px;top:50px;z-index: 100;visibility: hidden;opacity: 0; transition: all 500ms ease;-moz-transition: all 500ms ease;    -webkit-transition: all 500ms ease;    -ms-transition: all 500ms ease;    -o-transition: all 500ms ease;width:220px;background: rgb(255, 255, 255);
box-shadow:0px 1px 5.16px 0.84px rgba(0, 0, 0, 0.09); }
.nav ul ul li a { padding: 10px 0px 10px 0px;   color:rgba(0, 0, 0, 0.75);font-size: 13px;}
.nav ul ul li {width: 100%;border-bottom: 1px solid rgba(14, 14, 13, 0.1);position: relative;margin-left: 0;padding: 8px; text-align:left;}
.nav ul ul li:last-child{border-bottom:none;}
.nav ul ul{padding-bottom:10px;}
.nav ul ul li:last-child a{padding-right:auto;}
.nav ul li ul{position: absolute;left: 0px;top: 120%;padding-bottom:0px;}
.nav ul li ul li ul{left:221px; top:0% !important; }




/* Banner section */

.banner-section {position: relative;overflow: hidden;}
.banner-text { padding:240px 0 150px;}
#banner-section {position: absolute;top: 25%;left: 50%;min-width:100%;min-height:100%;width: auto;height: auto;z-index: -100;transform:translateX(-50%) translateY(-22%);background-size: cover;transition: 1s opacity;display: block;}
.banner-text .btn {background: #5d5d5d;color: #fff; margin-right:8px;}
/* .banner-text .btn:hover { transition:all .3s; background:inherit;} */
.banner-text h1 {margin-bottom: 50px; line-height:normal; color:#fff; margin-bottom:15px;}	
.banner-text h2 { color:#fff;}
.banner-text .btn:last-child {background: #fff;color: #000;}
/* .banner-text .btn:last-child:hover {transition:all .3s; background:inherit;} */
/*.banner-text .btn:before {content: '';left: -1px;top: -1px;width: 128px;height: 48px;}
.banner-text .btn:last-child:before {content: '';left: -1px;top: -1px;width: 133px;height: 48px;}*/
.banner-text .btn:last-child:hover { color:#fff;}
.video-banner {height:780px;}
.banner-overlay {background: #00000080;padding: 15px;border-radius: 5px;}

/* Services */

.icon { margin-bottom:30px;}
.icon i {font-size: 50px;color: #ed3237;}
.post-services .entry-post:hover .icon i {color: #d42800;transition: all .3s;}
.entry-post {overflow: hidden;position: relative;margin-bottom: 30px;}
.video-iframe { position: absolute;right: 0;}


/* Process section */

.process-section { background:#ecf0f1;}
.process-right {width: 50%;float: right;}
/*.process-right .video-iframe iframe {min-height: 321px;} */
.process-section .title {line-height: 32px; margin-top:0px;}
.process-section {position: relative;}
.process-left {width: 50%;display: inline-block;padding:67px 33px 68px 93px;background: #ecf0f1;}
.process-left .btn {background: #3a3a3a; color:#fff;}
/* .process-left .btn:hover { transition:all .3s; background:#3a3a3a;} */
/*.process-left .btn:before {content: '';top: -1px;left: -1px;width: 159px;height: 48px;}
*/
/* testimonial-section */

.testimonial-section { padding:140px 0; background:url(images/client-bg.jpg) no-repeat fixed; background-position:50% 50%; background-size:cover;}
/* .disabled {display: none !important;} */
.customer-section .top-Stories-slider1 .disabled {display: none;}
.testimonial-section h3 {color: #fff;font-size: 35px; margin-bottom:30px;}
.testimonial-section p {color: #fff;line-height: 24px;margin-bottom:30px;}
.testimonial-section span {color: #fff;}
.testimonial-section span b { font-weight:500;}

/* cta-section */

.cta-section { background:#b5b5b5; padding:20px 0;}
.cta-section h3 {color: #fff;line-height: 32px; margin-bottom:5px;}
.cta-section p {color: #fff;}
.cta-section .btn { margin-top:30px;float:right; border:0px;}

/* customer-section*/

.customer-section { padding:50px 0;}
.our-client { display:inline-block; margin-right:0px;}
.client-text {display: block;margin-bottom: 25px;}
/* contact */

.field { float:left; width:100%; margin-bottom:20px;}
.contact-section { width:100%; background-color:inherit !important; background:url(images/contact-img.png) no-repeat; background-position:50% 50%; background-size:cover; padding:120px 0;}
.contact-page .field { float:left; width:100%; margin-bottom:0px;}
.field-group {width: 50%;display: inline-block;float: left;margin-bottom: 20px;padding-right: 18px;}
.field-group +.field-group:last-child {padding-right: 0;}
.contact-page .section-heading h2 {font-size: 48px;font-weight: 300;}
.contact-page .section-heading h5 {color: #4e4e4e;font-size: 25px;font-weight: 300;line-height: 35px;padding: 0 210px;margin-bottom: 25px; font-family: 'Roboto', sans-serif;}
.contact-page .section-heading {margin-bottom: 70px;}
.contact-page input[type="text"] {background: #f9f9f9;border-color: #e6e6e6;color: #8a8a8a; text-transform:capitalize;}
.contact-page textarea {background: #f9f9f9;border-color: #e6e6e6;color: #8a8a8a;}
.contact-page input[type="email"]{background: #f9f9f9;border-color: #e6e6e6;color: #8a8a8a;}
.contact-page textarea {height: 150px;}
.contact-details img {display: block;margin-top: 10px;}
.contact-page input[type="submit"] {font-size: 14px;color: #ffffff;text-transform: uppercase;padding: 13px 31px;background: #d42800;white-space: inherit;font-weight: 500;display: inline-block;letter-spacing: 0;font-family: 'Poppins', sans-serif;border-radius: 5px;margin-top: 15px;}
.contact-page input[type="submit"]:hover { transition:all .3s; background-color:#3a3a3a;}
.contact-section input[type="submit"] {font-size: 14px;color: #ffffff;text-transform: uppercase;padding: 13px 22px;background:#d42800;white-space: inherit;font-weight: 500;display: inline-block;letter-spacing: 0;font-family: 'Poppins', sans-serif;border-radius: 5px;}
.contact-section input[type="submit"]:hover { transition:all .3s; background-color:#3a3a3a;}
.contact-section .btn {font-size: 14px;color: #ffffff;text-transform: uppercase;padding: 13px 22px;white-space: inherit;font-weight: 500;display: inline-block;letter-spacing: 0;font-family: 'Poppins', sans-serif;border-radius: 5px; background:#3a3a3a;}
.contact-section h6 {color: #fff;}
.contact-section p{color: #fff;}
.contact-section input { color:#fff;}
.contact-details address {width: 100%;}
.contact-details span {display: table-cell;padding-right: 15px;min-width: 45px;}
.contact-details span i {font-size: 22px;color: #d42800;position: relative;top: 4px;}
.contact-details address:hover span i {color: #3a3a3a;transition: all .3s;}
.map-section {margin-bottom: -6px;}
.map-section iframe { width:100%;}

/* why */

.why-section h2 {font-size: 38px;font-weight: 400;margin-bottom: 30px;color: #d42800;}
.why-section h5 {font-size: 20px;color: #c5c5c5;padding: 0 200px;line-height: 30px;font-weight: 300;}
.why-text .text h6 {font-size: 20px;line-height: 35px;text-align: right;color: #5a5a5a;font-weight: 300;padding-left: 40px;}
.why-text .text {padding-top: 90px;}
.why-text .media-text {}
.why-text .media-text img {margin-bottom: 25px;}
.why-text .media-text b {font-weight: 500;display: block;margin-bottom: 10px;}
.why-text .media-text p {font-size: 14px;margin-bottom: 20px;}

/* why-middle */

.why-text {padding-bottom: 60px;}
.why-middle { background-color:#ecf0f1; padding:60px 0;}
.why-middle:nth-child(even) { background-color:#fff;}
.why-middle .media-text ul {margin:0;}
.why-middle .media-text ul li { display:block; width:100%; margin-bottom:20px; font-size:18px; font-weight:400; position:relative;}
.why-middle .media-text ul li:before { content:url(images/right-arrow.png); position:absolute; left:-45px; top:3px;}
.why-middle:nth-child(even) .text-img {float: right;}
.why-middle:nth-child(even) .text {float: left;}
.why-middle .media-text {padding-left: 60px;}

/* carrers */

.career-section input[type=file] {background:#fff;width: 100%;border: 1px solid #888888;padding: 13px;}
.career-section textarea {height:150px;}
.career-section input[type="submit"] {font-size: 14px;color: #ffffff;text-transform: uppercase;padding: 13px 22px;background: #d42800;white-space: inherit;
font-weight: 500;display: inline-block;letter-spacing: 0;font-family: 'Poppins', sans-serif;border-radius: 5px;}


/* bussiness managament */

.b-managemnet { padding:50px 0; background:#f1f1f161;}
.b-managemnet ul {border-bottom: 1px solid #eaeaea;padding-bottom: 15px;margin-bottom: 15px;}
.b-managemnet ul:last-child {border: 0;}
.b-managemnet ul li {margin-bottom: 5px;}
.b-managemnet p {margin-bottom: 20px;}
.b-special {padding: 60px 0;}
.b-special h3 {font-size: 40px;font-weight: 400;color: #171717;margin: 0 0 20px 0;}
.b-special h5 {line-height: 28px;font-size: 18px; margin-bottom:30px;}
.b-special ul {}
.b-special ul li { display:block; margin-bottom:20px; position:relative; font-size:18px;}
.b-special ul li:before { content:url(images/right-arrow.png); position:absolute; left:-45px; top:3px;}
.b-special ul {margin-left: 45px;}

/* price section */
.price-section .section-heading { margin-bottom:10px;}
.price-section {padding: 50px 0;background: #f1f1f161;}
.price-table {padding: 20px;background: #fff; margin-bottom:20px;}
.price-text ul { margin:0px;}
.price-text ul li { display:block; margin-bottom:10px;}
.price-text .btn {margin-top: 20px;padding: 13px 22px;background: #3a3a3a; color:#fff;}
.package-price .dollor {font-size: 20px;font-weight: 600;vertical-align: top;display: inline-block;margin-right: 10px;}
.package-price .month {font-size: 18px;font-weight: 500;display:unset;margin-left: 10px;}
.package-price .price {font-size: 70px;}
.price-section .price-table:hover {transition: all .3s;background: #d42800;}
.price-section .price-table:hover .price-text {}
.price-section .price-table:hover .price-text .package-title {color: #fff;transition: all .3s;}
.price-section .price-table:hover .price-text .package-price {}
.price-section .price-table:hover .price-text .package-price .price {}
.price-section .price-table:hover .price-text .package-price .dollor {color: #fff;transition: all .3s;}
.price-section .price-table:hover .price-text .package-price .month {color: #fff;transition: all .3s;}
.price-section .price-table:hover .price-text .package-price .price {transition: all .3s;color: #fff;}
.price-section .price-table .price-text p { margin-bottom:0px;}
.price-section .price-table:hover .price-text p { color:#fff; transition:all .3s;}
.price-section .price-table:hover .price-text ul {}
.price-section .price-table:hover .price-text ul li {color: #fff;transition: all .3s;}
.price-section .price-table:hover .price-text .btn:before {background:#000;}
.price-section .text-bottom {width: 100%;display: inline-block;}
.package-title {line-height: normal;}


/* custom-plan */

.custom-plan { padding:50px 0; text-align:center;}


/* footer */

.footer-main {width: 100%;background:#2e2e2e; padding:50px 0;}
.footer-widgets p { color:#fff; font-weight:300; margin-bottom:5px;}
.footer-logo a {margin-bottom: 15px;display: block;}
.footer-widgets a{text-decoration:none;color:#fff; float:right; width:100%;}
.footer-widgets a:hover { transition:all .3s; color:#fff;}
.footer-logo img {width: 60%;}

/* copyright */
.copyright {background: #000;padding: 20px 0;}
.copyright ul li {display: inline-block;margin-left: 8px;border-right: 1px solid #fff;line-height: 16px; padding-right:8px;}
.copyright ul li:last-child {border:0px; padding-right:0px;}
.copyright ul li a {text-decoration: none;color:#fff;font-size: 14px;}
.copyright ul li a:hover {transition: all .3s;color:#d42800;}
.copyright p {color: #fff;margin-bottom: 0;font-size: 13px;}
.copyright ul {margin-bottom: 0;}
.copyright p a {color: #ffff;}
.copyright p a:hover {transition: all .3s;color:#d42800;}


/* inner banner */

.inner-banner { background:url(images/inner-banner.jpg) no-repeat fixed; background-position:50% 50%; background-size:cover; padding:230px 0 130px;}
.inner-banner h1 { color:#fff; line-height:normal; margin-bottom:10px;}
.inner-banner p { color:#fff; line-height:normal;}

/* content */
.content { padding:60px 0;}

/* about-page */

.about-page { padding:50px 0;}
.about-page h1 {text-align: right;line-height: 50px;color:#d42800;font-size: 40px;padding-left: 100px;font-weight: 300;}
.about-page h3 {line-height: 44px;font-size: 22px;color:#4a4a4a;font-weight: 300;}
.about-page .text-left {padding-top: 100px;padding-left: 44px;}
.about-page p {font-size: 14px;line-height: 28px;margin-bottom: 20px;font-weight: 300;}

/* service */

.service-left { width:50%;}
.service-left {width: 50%;display: inline-block;padding: 40px 60px 60px 90px;}
.service-right {width: 50%;float: right;}
.service-page h1 {font-weight: 300;font-size: 40px;line-height: 45px; margin-top:0px;}
.service-repeat {display: flex;width: 100%; margin-bottom:20px;}
.service-repeat:nth-child(even) {flex-direction: row-reverse;-webkit-flex-direction: row-reverse;}
.service-repeat:nth-child(even) .service-left {padding: 40px 60px 60px 50px;}
.service-repeat:nth-child(2) {margin-bottom: 45px;}
.service-repeat:last-child {margin-bottom: 0;}

/* package */

.package-page .entry-text h6 {font-size:15px;font-weight: 400;line-height: normal; margin-bottom:5px;}

/* Carrer */

.career-section .row {display: flex;}
.career-section .col-md-12 {width: 60%;margin: 0 auto !important;text-align: center !important;}



/* social icons */
.social ul{margin:0px;padding:0px;list-style:none;column-count:auto;}
.social ul li i{color:#fff;transition:all .5s; font-size:14px;}
.social ul li{display:inline-block;margin-bottom:10px;float:left;border-bottom:none;}
.social ul li a{border-radius:50%;text-align:center;display:block;font-size:14px;margin:0 0 0 12px;transition:all .5s;}
.social ul li a i { color:#fff !important;}
/* .social ul li a{height:32px;width:32px;border-radius:50%;text-align:center;display:block;font-size:14px;margin:0 0 0 6px;line-height:30px;transition:all .5s;background:#2d2d2d;border:1px solid #2d2d2d;} */
.google:hover{background:#dd4b39;border:1px solid #dd4b39;color:#fff;}
.facebook:hover{color:#3b5998;}
.twitter:hover{color:#55acee;}
.instagram:hover{color:#125688;}
.pinterest:hover{color:#cb2027;}
.linkedin:hover{color:#007bb5;}

/* footer */


.footer .social {float: right;width: 100%; margin-bottom:10px;}
.footer .social ul{margin:0px;padding:0px;list-style:none;column-count:auto; float:right;}
.footer .social ul li i{color:#fff;transition:all .5s; font-size:14px;}
.footer .social ul li{display:inline-block;margin-bottom:10px;float:left;border-bottom:none;}
.footer .social ul li a{border-radius:50%;text-align:center;display:block;font-size:14px;margin:0 0 0 12px;transition:all .5s;}
.footer .social ul li a i { color:#fff !important;}
.footer .social ul li a{height:32px;width:32px;border-radius:50%;text-align:center;display:block;font-size:14px;margin:0 0 0 6px;line-height:30px;transition:all .5s;background:#2d2d2d;border:1px solid #2d2d2d;}
.footer .google:hover{background:#dd4b39;border:1px solid #dd4b39;color:#fff;}
.footer .facebook:hover{color:#3b5998; background:#3b5998; border:1px solid #3b5998;}
.footer .twitter:hover{color:#55acee;background:#55acee;border:1px solid #55acee;}
.footer .instagram:hover{color:#125688;background:#125688;border:1px solid #125688;}
.footer .pinterest:hover{color:#cb2027;background:#cb2027;border:1px solid #cb2027;}
.footer .linkedin:hover{color:#007bb5;background:#007bb5;border:1px solid #007bb5;}
.footer-main .row {width:100%;margin: 0 auto;}
.footer-widgets hr {border-color: #383838;display: inline-block;width: 37%;}



.header.sticky{top: 0px;-ms-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;-op-animation-duration: 500ms;-webkit-animation-duration: 500ms;
animation-duration: 500ms;-ms-animation-timing-function: linear;-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;-webkit-animation-timing-function: linear;animation-timing-function: linear;
-ms-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-op-animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;
position: fixed;z-index: 999999;width: 100%;height: auto;padding:0;}
.sticky .topbr-section {display: none;}
.sticky .header-main {padding: 10px 0;}
.sticky .topbr-section {display: none;}
.sticky  .header-main {padding:5px 0 15px;background: #252525;}
.sticky .header-main .nav {margin-top:0px;}
.sticky .header-main .logo img {width: 140px;}
.sticky .header-nav {margin-top:20px;}
.sticky .logo { margin-top:12px;}
.sticky .logo-title { font-size:26px; letter-spacing:6.4px;}
.sticky .logo-title span { font-size:14px; letter-spacing:0px;}

/* top stories */
.top-Stories-slider .owl-nav {text-align: center;margin-top: 0px;display: block;}
.top-Stories-slider .owl-nav .owl-prev {margin-right: 75px;}


 /* scroll_up */

.scrollup{width:34px;height:34px;position:fixed;right:20px;bottom:-34px;background-color: #00aee4;opacity: 1;text-align:center;cursor:pointer;z-index:100;border-top-left-radius:3px;border-top-right-radius:3px;}
.scrollup i{display:block;font-size:16px;line-height:34px;color:#fff;}
.scrollup:hover{opacity:1 !important;}

/* mobile menu*/
.mobile-menu .nav{padding:0px;     width: 100%;}
.mobile-menu .active{background:none;}
.mobile-menu .search_form{display:none;}
.mobile-menu .img-logo{margin:0;width:84%;padding-top:15px;}
.mobile-menu .img-logo img{padding-left:10px;}
.mobile-menu,.wrapper{transition:all ease-in-out 0.4s;-moz-transition:all ease-in-out 0.4s;-webkit-transition:all ease-in-out 0.4s;-o-transition:all ease-in-out 0.4s;}
.menu-hide{display:none;}
.mobile-menu .logo-img {text-align: center;}
.mobile-menu.show-menu{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);}
.mobile-menu{padding:38px 0px;position:fixed;height:100%;width:282px;z-index:99999999;max-width:282px;-webkit-transform:translateX(-282px);-moz-transform:translateX(-282px);-ms-transform:translateX(-282px);-o-transform:translateX(282px);
transform:translateX(-282px);overflow:auto;top:0;box-shadow:4px 0px 8px 0 rgba(0, 0, 0, 0.2);background:#fff;}
.mobile-menu ul{margin:0px;padding:0px;margin-top:28px;width:100%;}
.mobile-menu ul ul{margin-top:0px;}
.mobile-menu ul li{list-style:none;position:relative;text-transform:uppercase;padding:0px 10px;transition:all .4s;border-bottom: rgba(195, 193, 193, 0.16) solid 1px;display: block;    width: 100%; margin:0px;}
.mobile-menu ul li:last-child{border:none;}
.mobile-menu ul li a {display:block;  padding: 10px 20px;  color: #000;} 
.mobile-menu ul li a:hover{color:#d42800;  background:none;}
.mobile-menu ul ul{display:none;}
.mobile-menu ul ul li{font-size: 13px;   font-weight: 400;}
.mobile-menu ul li .dropdown .fa-angle-down, .mobile-menu ul li .dropdown.open .fa-angle-right{display:none;}
.mobile-menu ul li .dropdown.open .fa-angle-down{display:block;}
.mobile-menu ul li .dropdown .fa{position:absolute;bottom: 11px;left: 230px;font-size:20px;color:#2d2d2d;font-weight:bold;}
.mobile-menu ul ul li a .fa-angle-right{display:none;}
.mobile-menu ul ul li ul li{font-size:11px;}
.move-to-right{-webkit-transform:translateX(280px);-moz-transform:translateX(280px);-ms-transform:translateX(280px);-o-transform:translateX(280px);transform:translateX(280px);}
.cross{top:-0px !important;margin-right:12px !important;float:right !important;}
.toggle-mobile, .cross{position:absolute; width:28px;height:35px;display:block;overflow:hidden;cursor:pointer;float:right;color:#b4b4b4;z-index:10;text-align:left;margin-right:0px;right: 25px;top: 10px; display:none;}
.toggle-mobile span, .cross span{background:#fff;height:2px;position:absolute;overflow:hidden;width:28px; }
.cross span.one{top:15px;transform:rotate(45deg);}
.cross span.two{bottom:17px;transform:rotate(-45deg);}
.toggle-mobile span.one{top:8px;}
.toggle-mobile span.two{top:16px;}
.toggle-mobile span.three{top:24px;}
.mobile-menu .logo img{max-width:100%;}
.mobile-menu .logo{width:70%;float:none;margin:auto;     padding-top: 15px;}
.menu-canvas-off{overflow-x:hidden;}
.menu-canvas .wrapper:after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:999;background:rgba(0, 0, 0, 0.4);}
.move-to-right{-webkit-transform:translateX(280px);-moz-transform:translateX(280px);-ms-transform:translateX(280px);-o-transform:translateX(280px);transform:translateX(280px);}
.mobile-menu.show-menu .cross{margin-right:-11px !important;float:right !important;top:10px !important;  right: 25px; display:block;}
.toggle-mobile span{background:#fff;height:2px;position:absolute;overflow:hidden;width:25px;}
.toggle-mobile span.one{top:8px;}.toggle-mobile span.two{top:15px;}.toggle-mobile span.three{top:22px;}
.toggle-mobile span{background:#fff;height:3px;position:absolute;overflow:hidden;width:25px;-moz-transition:all .4s cubic-bezier(.1,.7,.3,1);-webkit-transition:all .4s cubic-bezier(.1,.7,.3,1);-o-transition:all .4s cubic-bezier(.1,.7,.3,1);-ms-transition:all .4s cubic-bezier(.1,.7,.3,1);transition:all .4s cubic-bezier(.1,.7,.3,1);}
.toggle-mobile span.one{top:0px;}.toggle-mobile span.two{top:8px;}.toggle-mobile span.three{top:15px;}
.toggle-mobile.open span.one{transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);top:10px;}
.toggle-mobile.open span.three{transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);top:10px;}
.toggle-mobile.open span.two{display:none;}
.mobile-menu  .social ul{text-align:center; margin-left:29px;}
.mobile-menu  .social ul li {border: none;   width: initial; display: inline-block;    padding: 0 3px;}
.mobile-menu .social ul li:first-child {padding-left: 0;}
.mobile-menu .social ul li a {padding: 6px 10px;  background:#000;  color: #fff; border-radius: 3px;display: initial;margin: 0;}
.mobile-menu .social ul li a:hover {background:#d42800;}
.mobile-menu .dropdown, .dropup { position: relative;}
.mobile-menu .logo-title {font-size:50px;}
.mobile-menu .logo-title span {font-size: 17px; color:#000;}