body{ font-family: 'Cairo', sans-serif; } .services{ padding: 70px 0px; text-align: center; background: #E6F6F4 } body *{ outline: none }  a:hover{ color: inherit; text-decoration: none} a { color: inherit; }  body::-webkit-scrollbar { width: 1em; }   body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }   body::-webkit-scrollbar-thumb {   background-color: #7a706a;   outline: 1px solid slategrey;  }  .rev_slider_wrapper{ direction: ltr; position: relative }  /***********************/ .wpb_revslider_element{ position: relative; overflow: hidden } #rev_slider_112_1 .zeus.tparrows:before{     font-family: "fontawesome" !important; } .wpb_revslider_element:after, .wpb_revslider_element:before { content: " "; display: table; } .wpb_revslider_element:before { left: 0; transform: skewY(6.5deg); } .wpb_revslider_element:after { right: 0; transform: skewY(-6.5deg); } #rev_slider_112_1 .zeus.tparrows.tp-rightarrow:before{ content: "\f054" !important } #rev_slider_112_1 .zeus.tparrows.tp-leftarrow:before { content: "\f053"  !important } .wpb_revslider_element:after, .wpb_revslider_element:before { position: absolute; bottom: -3vw; width: 51%; height: 8vw; background-color: #fff; z-index: 1000; } #rev_slider_112_1 .zeus.tparrows{ z-index:9998 !important } /**********************/ .navbar-nav>li:hover ul.dropdown-menu{ display: block; transition: all 0.3s ease-in-out; } .overlay{ position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.12); z-index: 999 } .no-js .owl-carousel, .owl-carousel.owl-loaded{ direction: ltr }  .inner{ padding-top: 50px } .StickyHeader{ top: 0px !important; transition: all 0.2s ease-in-out } .top-nav{ position: absolute; z-index: 9999; height: 50px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important; background: linear-gradient(0deg, rgba(186, 209, 241, 0) 0%, rgba(0, 0, 0, 0.5) 100%); padding-top: 0; padding-bottom: 0; margin-bottom: 1px; }   .inner .top-nav{ position: fixed; z-index: 9999; height: 50px; border-bottom: 1px solid rgba(226, 226, 226, 0.4); width: 100%; background: #f5f5f5; top: 0px } .inner-header{ background: url('images/banner2.jpg'); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center;    height: 150px } .inner-header-2{ background: url('images/banner3.jpg'); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center; margin-top: 80px } .inner-overlay{  position: relative; top: 0px; bottom: 0px; right: 0px; left: 0px; width: 100%; height: 100%; background:rgba(229, 246, 245, 0.67) } .tags, .archive, .lastest-posts{ background: #fff; padding: 20px 10px; text-align: right; } .box-header{ border-bottom: 1px solid #eee; margin-bottom: 25px } .box-header h4{ position: relative } .tags ul, .archive ul, .lastest-posts ul{ padding: 0px; list-style-type: none; } .archive ul li{ background: #eee; color: #1D665E; padding: 4px 14px; border-radius: 3px; margin-bottom: 7px; font-size: 15px; width: 100%; transition: all 0.2s ease-in-out; border: 1px solid #eee } .archive ul li:hover{ background: #fff; color: #FB7F7F } .archive ul li span{ float: left } .tags ul li{ background: #eee; color: #1D665E; display: inline-block; margin-left: 3px; padding: 4px 14px; border-radius: 3px; margin-bottom: 7px; font-size: 15px; transition: all 0.2s ease-in-out; border: 1px solid #eee } .tags ul li:hover{ background: #fff; color: #FB7F7F } .box-info h5{ margin: 0px; color: #1d665e; font-size: 15px; line-height: 23px; height: 46px; overflow: hidden; transition: all 0.2s ease-in-out } .box-info:hover h5{ color: #FB7F7F } .lastest-posts ul li img{ width: 100px; float: right; margin-left: 15px; height: 75px } .content{ background: url(http://3.bp.blogspot.com/-mvmaXN8reK4/UKSGrkaw-kI/AAAAAAAADNs/IiFdSWfVy3o/s1600/white_grid_paper-background_pattern.jpg); background-repeat: repeat; background-attachment: fixed;} .lastest-posts ul li { overflow: hidden; height: 85px; margin: 18px 0px; padding: 0px 5px } .box-header h4:after{    content: ""; background: #36D1C4; top: 29px; width: 45px; height: 2px; position: absolute; right: 0px; } .inner-header-2 h3, .inner-header h3{ float: right; margin: 0px; line-height: 57px; font-size: 32px; padding-top: 54px; } .breadcrumb{ float: left; padding: 0px; margin-bottom: 0px; background: transparent; padding-top: 54px; } .post-img img{ width: 100% } .post-img{ position: relative } .post-header{ border-bottom: 1px solid #e2e2e2; padding: 10px 0px; text-align: right } .post-header h3{    margin-top: 0px; margin-bottom: 20px; color: #1D665E } .date, .comments, .views{ color: #8e8e8e; margin-left: 10px; font-size: 13px } .post-info p{ text-align: right; padding: 0px !important } .date i, .comments i, .views i{ margin-left: 4px } .img-date{ position: absolute; top: 30px; left: 30px; background: #ffffffc4; border-radius: 50%; width: 85px; height: 85px; color: #36d1c4; text-align: center; font-weight: bold; border: 2px solid #36d1c4; padding: 7px; } .side-bar{ padding: 0px 10px } .navbar{     position: fixed; top: 50px; z-index: 9999; width: 100%; border-radius: 0px; border: 0px; background: linear-gradient(0deg, rgba(186, 209, 241, 0) 100%, rgba(0, 0, 0, 0.5) 50%); } .inner .navbar{ background: #36D1C4 } .navbar-nav { float: left; }  .navbar-default .navbar-nav>li>a { color: #fff; font-size: 14px; transition: all 0.2s ease-in-out } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{    color: #1d665e; font-weight: bold;  } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background-color: transparent; color: #FB7F7F  } .header-info{ direction: rtl; float: right; color: #fff; margin-left: 18px; line-height: 50px; } .inner .header-info{ color: #1D665E; }  .header-info i{ margin-left: 3px; font-size: 16px }  .social-media i{ line-height: 50px; color: #fff; margin: 0px 10px; font-size: 15px; float: left }  .inner .social-media i{ color:#1D665E } .navbar-brand{ margin-right: 5px !important; padding: 30px 10px; transition: all 0.2s ease-in-out; } .StickyHeader .navbar-brand{ padding: 20px 15px; } .navbar-default .navbar-brand{ color: #fff; font-size: 24px } .StickyHead{ top: 0px; background: #36D1C4; transition: all 0.2s ease-in-out; z-index: 9999 !important; border: 0px } .parallax{ /*background: url('images/image_01-4.jpg');*/ background-attachment: fixed; background-position: center; background-size: cover; position: relative; text-align: center; color: #fff }  .parallax .parallax-overlay{  position: relative; top: 0px; bottom: 0px; right: 0px; left: 0px; width: 100%; height: 100%; background: rgba(229, 246, 245,0.6) !important; padding: 70px 0px; } .wave2 { position: relative; box-sizing: border-box; width: 100%; background: url('images/wave_258.png'); height: 100px; background-size: cover; overflow: hidden; background-repeat: no-repeat; transform: rotate(180deg) }  .main-p{     margin-top: 60px !important; font-size: 18px; } .features{ margin: auto; overflow: hidden; width: 600px }  .features .feature{     float: right; width: 200px; margin-top: 35px; color: #fff; transition: all 0.2s ease-in-out }  .features .feature:hover{     transform: scale(1.1); }  .feature p{     font-size: 15px; margin-top: 6px; }  .navbar-nav .open .dropdown-menu{ text-align: center } .navbar-default .navbar-nav .open .dropdown-menu>li>a{ color: #fff } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{ color: #FB7F7F } /****************services***************/  .content.services{ padding: 20px 0px !important } .parallax h2, .sec h2{ position: relative; color: #1D665E; font-weight: bold; } .parallax h2:after, .sec h2:after{     position: absolute; content: ""; width: 85px; width: 85px; height: 2px; background: #FB7F7F; top: 60px; margin: auto; right: 0; left: 0; } .parallax p, .sec p{ margin: auto; max-width: 800px; color: #1D665E; margin-top: 40px; padding: 0px 30px; line-height: 23px; font-size: 14px; direction: rtl;font-weight: bold; }  .comment-form p { color: #888; }  .comment-form p label { font-weight: normal; }  .service{ margin-bottom: 30px; border: 1px solid #e2e2e2; padding-bottom: 25px; border-radius: 4px; box-shadow: 4px 4px 6px #eee; background: #fff; transition: all 0.2s ease-in-out;border-bottom: 2px solid #36d1c400; position: relative }  .service:hover{ border-bottom: 2px solid #36D1C4; }  .service .serv-img{ height: 215px; overflow: hidden; }  .service:hover img{ transform: scale(1.1) }  .service span{ position: absolute; width: 150px; left: 0; top: 200px; bottom: auto; border-radius: 30px; height: 35px; background: #36D1C4; color: #fff; right: 0; margin: auto; line-height: 35px; direction: rtl; }  .service .serv-img img{ width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .service h4{ position: relative; margin-top: 40px; font-weight: bold; transition: all 0.2s ease-in-out; color: #1D665E }  .service:hover h4{ color: #36D1C4; } .service h4:after{ position: absolute; content: ""; width: 30px; height: 2px; background: #FB7F7F; top: 40px; margin: auto; right: 0; left: 0; } .services .owl-nav, .news .owl-nav{ display: none }  .services .owl-dots, .news .owl-dots{ text-align: center }  .services .owl-dots .owl-dot{ width: 12px; height: 12px; background: #fff; background-clip: border-box; border: 2px solid #fff; background-clip: padding-box; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 35px 8px 2px; }  .news .owl-dots .owl-dot{ width: 12px; height: 12px; background: #e8e8e8; background-clip: border-box; border: 2px solid #e8e8e8; background-clip: padding-box; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 35px 8px 2px;  } .services .owl-dots .owl-dot.active, .news .owl-dots .owl-dot.active{ background: transparent; border-color: #FB7F7F; }  .service a{ font-weight: bold; margin-top: 15px; display: block; color: #FB7F7F; font-size: 15px; } /********* about******************/ .about{ padding: 100px 0px 70px; text-align: center; background: #fff }  .about-info{ padding: 25px 0px; box-shadow: 4px 4px 6px #eee; background: #fbfbfb; margin-bottom: 20px; }  .more{ width: 140px; margin: auto; background: #36D1C4; color: #fff; transition: all 0.2s ease-in-out; display: block; margin-top: 15px; border-radius: 35px; height: 45px; line-height: 45px; padding: 0px; }  .more:hover{ width: 150px; color: #fff }  .long{ width: 100%; -webkit-filter: grayscale(80%); filter: grayscale(80%); transition: all 0.2s ease-in-out; margin-bottom: 20px }  .small{ width: 100%; -webkit-filter: grayscale(80%); filter: grayscale(80%); transition: all 0.2s ease-in-out; }  .long:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); }  .small:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); }  .small:first-of-type{ margin-bottom: 29px; }  .quotes-grid { position: relative; overflow: hidden; } .quotes-vert{     width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; } .one-three .quote-img-info-wrap, .one-three .quote-image{ float: left; }  .one-three .quote-info-wrap{ text-align: left }  .one-three .quote-content{ display: block; clear: both } .quotes-vert span { left: 50%; right: auto; } .quotes-list { padding: 35px 0 45px;     padding-top: 35px; position: relative; z-index: 2; overflow: hidden } .quotes-list::before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 35px; background-color: #e7e7e7 } .quote{ width: 50%; position: relative; float: right; text-align: right !important; padding: 0px 20px } .quote-inner { padding: 0 30px; position: relative; overflow: hidden; max-width: 550px; } .one-three{ float: left; max-width: 550px; padding-left: 10px; } .quote-img-info-wrap { padding: 0 0 10px; overflow: hidden; } .quote-image { display: inline-block; padding:0 20px 0 10px; vertical-align: middle; overflow: hidden; background-image: none !important }  .quote-image img { width: 70px; margin: 0 1px 2px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #eee } .quote-info-wrap{ display: inline-block; vertical-align: middle; } .quote-header { padding: 0; /* overflow: hidden; */ } .quote-title { font-weight: bold; margin: 0; font-size: 18px; color: #1D665E  } .subtitle-wrap { overflow: hidden; } .subtitle-wrap h5{ color: #FB7F7F } .quote-content{ font-size: 15px; margin: 0; position: relative; overflow: hidden;  } .quote-content > :last-child { margin-bottom: 0; padding-bottom: 0; } .quote-content p{ margin-top: 0px !important; margin-bottom: 20px !important } .c1{ display: block; clear: both; } .testi{ padding: 70px 0px; text-align: center; } .quotes-list:last-of-type{ padding-top: 0px } .quotes-list::after { content: '\201D'; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 70px; line-height: 110px; z-index: 5; text-align: center; width: 70px; height: 70px; margin: auto !important; position: absolute; left: 0; right: 0; top: auto; bottom: 0px; -webkit-border-radius: 50%; border-radius: 50%; border-width: 1px; border-style: solid; z-index: 9999; background-color: #ffffff; color: #36D1C4 } .quotes-list:last-of-type::after { content: ''; width: 0px; height: 0px } .quotes-list:last-of-type::before{ background-color: transparent } .quotes-list .quote:first-of-type{ border-left: 1px solid #e7e7e7 }  .counter-parallax {  background-image: url("images/billboard02-2000x660.jpg");  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }  .parallax-overlay{    background: rgba(30, 30, 36, 0.5); position: relative; top: 0px; bottom: 0px; right: 0px; left: 0px; width: 100%; height: 100%; padding:70px 20px }  .sectionClass {   position: relative;   display: block; }  .fullWidth {   width: 100% !important;   display: table;   float: none;   padding: 0;   min-height: 1px;   height: 100%;   position: relative; }   .sectiontitle {   background-position: center;   margin: 30px 0 0px;   text-align: center;   min-height: 20px; }  .sectiontitle h2 {   font-size: 30px;   color: #222;   margin-bottom: 0px;   padding-right: 10px;   padding-left: 10px; }   .headerLine {   width: 160px;   height: 2px;   display: inline-block;   background: #101F2E; }   .projectFactsWrap{ display: flex;   margin-top: 30px;   flex-direction: row;   flex-wrap: wrap; }   #projectFacts .fullWidth{   padding: 0; }  .projectFactsWrap .item{   width: 25%;   height: 100%;   text-align: center; }  .projectFactsWrap .item p.number{   font-size: 50px;   padding: 0; }  .projectFactsWrap .item p{   color: rgba(255, 255, 255, 0.8);   font-size: 18px;   margin: 0;   padding: 10px; }   .projectFactsWrap .item span{ width: 35px; background: rgba(255, 255, 255, 0.8); height: 1px; display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }   .projectFactsWrap .item i{   vertical-align: middle;   font-size: 50px;   color: rgba(255, 255, 255, 0.8); }   .projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{   color: white; }  .projectFactsWrap .item:hover span{   background: white; }  .news{ padding: 70px 0px; text-align: center; background: #fff }  .new{ position: relative; height: 350px; text-align: right; transition: all 0.2s ease-in-out }  .new:hover{ transform: scale(1.03); }  .new-img{ width: 75%; float: right; box-shadow: 4px 4px 6px #eee; height: 184px }  .new-img img{ height: 100% }  .news-info{     width: 84%; right: 25px; position: absolute; top: 150px; border: 1px solid #eee; padding-top: 40px; transition: all 0.2s ease-in-out }  .new:hover .news-info{ background: rgba(247, 247, 247, 0.2) } .news-info p{    padding: 0px 20px 15px; margin-top: 10px; box-shadow: 4px 4px 6px #eee } .news-info h4{ padding-right: 20px; color: #36D1C4; font-weight: 600; font-size: 16px; } .new .a-btn{ position: absolute; transform: rotate(270deg); top: 126px; display: block; left: 17px; background: #fb7f7f; color: #fff; padding: 7px 10px; }  .news .owl-carousel{ margin-top: 55px; }  .why-we{ padding: 70px 0px; text-align: center; background: #fbfbfb }  .why-box{ margin-top: 40px; border: 1px solid #eee; padding: 25px 8px; border-radius: 5px; position: relative; background: #fff }  .why-box:after{ content: ""; position: absolute; width: 50px; height: 50px; background: transparent; left: -2px; top: -2px; z-index: 0; border: 2px solid #1D665E; border-right: 0px; border-bottom: 0px;     transition: all 0.2s ease-in-out  }  .why-box:before{ content: ""; position: absolute; width: 50px; height: 50px; background: transparent; right: -2px; bottom: -2px; z-index: 0; border: 2px solid #1D665E; border-left: 0px; border-top: 0px; transition: all 0.2s ease-in-out }  .why-box:hover:after{ width: 70px; height: 70px; }  .why-box:hover:before{ width: 70px; height: 70px; } .why-box img{ margin: auto; width:50px; margin-bottom: 20px } .why-box h4{ position: relative; font-weight: bold;     color: #1D665E  } .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child{ z-index: 1000 !important; position: relative } .why-box p{ padding: 0px 10px; margin-top: 28px; color: #1D665E } .why-box h4:after{ content: ""; position: absolute; top: 40px; width: 45px; height: 2px; background: #FB7F7F; right: 0; left: 0; margin: auto; }  /******** contact *********/ .contact-parallax {  background-image: url("images/banner1.jpg");  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom: 5px solid #FB7F7F; }  .contact-overlay{  position: relative; top: 0px; bottom: 0px; right: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); padding: 40px 0px; }  .info{ color: #fff; text-align: center; border-left: 2px solid #FB7F7F; padding: 25px 0px; }  .contact-form{ text-align: center; color: #fff; padding: 25px 0px }  .contact-form h4{ font-weight: 800; font-size: 19px; margin-bottom: 22px; }  .contact-form p{  margin-bottom: 4px; font-weight: 600; }  .info h4{ font-weight: 800; font-size: 19px; margin-bottom: 22px; }  .contact-form input[type='email']{ background: rgba(0, 0, 0, 0.33); border: 0px; height: 40px; margin-top: 20px; text-indent: 8px; width: 65%; } .contact-form input[type='button']{ border: 0px; height: 40px; margin-top: 20px; }  .info h5{ font-weight: 800;    margin-top: 20px; font-size: 16px; }  .info p{ margin-bottom: 4px; font-weight: 600; }  .form-btn{ background: #FB7F7F !important; width: 118px !important; text-indent: 0px !important; }  .comment-respond{ text-align: right; border-bottom: 1px solid #e2e2e2; overflow: hidden; border-top: 1px solid #e2e2e2; padding: 20px 0px 27px; margin-top: 27px;}  #reply-title{ margin-bottom: 20px; font-size: 18px }  #comment{ width: 100%; border: 1px solid #e2e2e2; padding: 7px; border-radius: 4px; height: 212px; float: left;    background: #eee; } .comment-form-comment{ float:left; margin:0px !important } #wp-comment-cookies-consent{ margin-left:10px} .comment-form-cookies-consent{ padding:0px !important} .comment-form-email, .comment-form-author{ width: 45%; float: right; margin-top: 0px !important; margin-bottom: 10px !important; margin-right: 0px !important; margin-left: 0px !important; padding: 0px !important; } .form-submit input{ color: #fff; background: #36d1c4; border: 0px; border-radius: 3px; padding: 5px 10px;} .form-submit{ padding: 0px !important; margin-top: 25px !important;} .comment-notes{ margin-bottom: 20px !important; margin-top: 10px !important; padding: 0px !important } .comment-form-url{ width: 45%; margin-top: 0px !important; margin-bottom: 10px !important; margin-right: 0px !important; margin-left: 0px !important; padding: 0px !important; }  .comment-form-email input, .comment-form-url input, .comment-form-author input{ width: 100%; height: 40px; border: 1px solid #e2e2e2; text-indent: 8px; margin-bottom: 8px; border-radius: 4px; background: #eee; } /******** footer********/ .footer{ background: #fff; padding: 40px 0px; background-color: #1D665E; color:#fff; border-top: 1px solid #eee; } .footer ul{ list-style-type: none; } .footer ul li{ margin: 5px 0px } .footer h5{ font-weight: bold; } .footer a{ transition: all 0.2s ease-in-out }  .footer a:hover{ color: #36D1C4 }  .footer .footer-btn{ color: #fff; background: #36D1C4; height: 35px; border: 0px; } .navbottom{  background: #1d665e; text-align: center; border-top: 1px solid #ffffff80; padding: 10px 0px; color: #fff; overflow:hidden; } .replay-form{ text-align: right; border-bottom: 1px solid #e2e2e2; overflow: hidden; border-top: 1px solid #e2e2e2; padding: 20px 0px 27px; margin-top: 27px; } .replay-form input[type="button"]{ color: #fff; background: #FB7F7F ; border: 0px } .replay-form textarea{ width: 100%; border: 1px solid #e2e2e2; padding: 7px; border-radius: 4px; height: 88px; margin-bottom: 10px; } .replay-comments{ text-align: right; border-bottom: 1px solid #e2e2e2; overflow: hidden; padding: 0px 0px 27px; margin-top: 25px; } .replay-comments h4, .replay-form h4{ margin-bottom: 20px } .comment{ background: #f6f6f6; padding: 15px 10px; border: 1px solid #e2e2e2; border-radius: 5px; margin-bottom: 15px; overflow: hidden } .replay-form input{ width: 100%; height: 40px; border: 1px solid #e2e2e2; text-indent: 8px; margin-bottom: 8px; border-radius: 4px } .wave{ position: relative; box-sizing: border-box; width: 100%; background: url('images/wave_258.png'); height: 100px; background-size: cover; overflow: hidden; background-repeat: no-repeat; } .footer input[type="email"]{ height: 35px; border: 1px solid #ccc; text-indent: 6px; } .StickyHeader .navbar-nav>li>a{ padding-top: 20px; padding-bottom: 30px; } .navbar-default .navbar-toggle{ transition: all 0.2s ease-in-out } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: transparent } .navbar-default .navbar-toggle .icon-bar{ background: #fff }  .nav>li{ direction: rtl } .box-info p{ margin: 0px; margin-top: 0px; margin-top: 10px; color: #36d1c4; } .replay-comments{ text-align: right } .comment img{ float: right; width: 70px; border-radius: 50%; margin-left: 20px; height: 70px } .commentlist{     text-align: right; border-bottom: 1px solid #e2e2e2; overflow: hidden; padding: 0px 0px 27px; margin-top: 25px; } .comment h5{ padding-top: 10px } .comment-reply-link{ color: #fff; background: #fb7f7f; border: 0px; width: 80px; height: 35px; display: block; text-align: center; line-height: 35px; border-radius: 4px; margin-top: 10px; float: left; margin-left: 20px } .comment-meta{ color: #8e8e8e; font-size: 13px; margin-top: 10px; } .comment-date{ margin-top: 0px !important; color: #8e8e8e !important; } /*.forcefullwidth_wrapper_tp_banner{ z-index: 9999 }*/ .feature-pp {  margin-top :5px !important }  @media (min-width: 768px){ .navbar-default .navbar-nav>li>a{ padding-top: 30px; padding-bottom: 30px; }  } /********** media queries ***********/  @media (max-width: 991px){ .info{     border-left: 0px;     border-bottom: 2px solid #FB7F7F } }  @media (max-width:767px){ .forcefullwidth_wrapper_tp_banner{     display: none } .quote{     width: 100%;     margin-top: 20px } .quotes-list { padding: 35px 0 60px; } .one-three .quote-img-info-wrap, .one-three .quote-image, .one-three {     float: right; } .subtitle-wrap{     text-align: right } .inner-header-2{ margin-top: 70px }    .inner-header-2 h3, .inner-header h3{ float: none; margin: 20px 0px; text-align: center; font-size: 28px;     line-height: normal } .features{     display: flex;     justify-content: center;     width: auto } .features .feature { float: none; width: auto; } .header-info{     margin-left: 14px; font-size: 12px; } .navbar-default .navbar-toggle{     margin-top: 20px;     margin-bottom: 20px } .navbar-collapse{     margin: 0px;     padding: 0px } .navbar-default .navbar-collapse, .navbar-default .navbar-form{     border-color:rgba(255, 255, 255, 0.24) } .navbar-nav { float: none; text-align: center; margin: 10px 0 0 0; padding: 0px; }    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: rgba(0,0,0,0.4) } .StickyHead .navbar-collapse, .StickyHead .navbar-form{     background: #36D1C4 } .service{ width: 75%; margin: auto; margin-bottom: 20px; } .tags, .archive, .lastest-posts{     width: 75%;     margin: auto } .long, .small{     width: 75% } .why-box{     width: 75%;     margin: 10px auto; } .breadcrumb { float: none; line-height: normal; text-align: center; }  }  @media (max-width:500px){ .service{     width: 100%;     margin: auto;     margin-bottom: 20px; }  .tags, .archive, .lastest-posts{     width: 100%;     margin: auto } .top-nav{     display: none } .about{     padding: 40px 0px 70px } .long, .small{     width: 100% }  .why-box{     width: 100%; }  .inner {     padding-top: 75px; } .navbar{     top: 0px } .inner .top-nav{     display: none }  } .whitebg { background:#fff; padding-top:15px; margin-bottom: 20px; } .content.sec { clear:both; padding-top: 24px; padding-bottom: 50px; }   @media( max-width: 767 ){  .comment-form-email input, .comment-form-url input, .comment-form-author input  } form.comment-form p { width: 100%;}  .tp-caption{ font-family: 'Cairo', sans-serif !important; } input#searchsubmit { background: white; color: #1d665e; }   .features .feature img { max-width: 107px; min-width: 85px; } .navbar-brand.navbar-brand-centered a img { max-height: 56px; } .post-footer .share-links { margin-top:9px; overflow: hidden } .post-footer .share-links.share-centered { text-align: center; position: relative } .post-footer .share-links .fa { font-size: 15px } .post-footer .share-links .share-title { padding-right: 5px; display: inline-block; float: left; line-height: 40px; font-size: 12px; margin: 2px 0 } .post-footer .share-links .share-title .fa { margin-right: 5px; font-size: 14px } .post-footer .share-links.icons-text .share-title { line-height: 30px } .post-footer .share-links a { display: inline-block; margin: 2px; height: 40px; overflow: hidden; color: #fff; background: #444; position: relative; transition: .3s; border-radius: 2px; width: 40px } .post-footer .share-links a.large-share-button { width: auto } .post-footer .share-links a .fa { width: 40px; height: 40px; float: left; display: block; text-align: center; line-height: 40px } .post-footer .share-links a .social-text { border: 0 solid rgba(255,255,255,0.3); border-left-width: 1px; padding-left: 15px; height: 20px; float: left; margin-top: 10px; padding-right: 25px; font-size: 12px; line-height: 20px; font-family: "Open Sans",sans-serif } .post-footer .share-links a:hover { opacity: .8; color: #fff } .post-footer .share-links.icons-text .large-share-button { height: 30px } .post-footer .share-links.icons-text .large-share-button .social-text { padding-left: 6px; padding-right: 8px; height: 20px; margin-top: 5px; line-height: 20px; font-size: 10px } .post-footer .share-links.icons-text .large-share-button .fa { width: 30px; height: 30px; line-height: 30px } @media(max-width: 767px) { .post-footer .share-links .social-text { display:none } } @media(max-width: 479px) { .post-footer .share-links .share-title { display:none } } .post-footer .share-links a.facebook-share-btn { background: #5d82d1 } .post-footer .share-links a.twitter-share-btn { background: #40bff5 } .post-footer .share-links a.google-share-btn { background: #eb5e4c } .post-footer .share-links a.linkedin-share-btn { background: #238cc8 } .post-footer .share-links a.pinterest-share-btn { background: #e13138 } .post-footer .share-links a.reddit-share-btn { background: #ff4500 } .post-footer .share-links a.stumbleupon-share-btn { background: #eb4924 } .post-footer .share-links a.tumblr-share-btn { background: #35465c } .post-footer .share-links a.vk-share-btn { background: #45668e } .post-footer .share-links a.odnoklassniki-share-btn { background: #ee8208 } .post-footer .share-links a.pocket-share-btn { background: #ef4056 } .post-footer .share-links a.whatsapp-share-btn { background: #43d854 } .post-footer .share-links a.telegram-share-btn { background: #08c } .post-footer .share-links a.viber-share-btn { background: #773ead } .post-footer .share-links a.viber-share-btn .fa { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .post-footer .share-links a.email-share-btn { background: #333 } @media(min-width: 768px) { .post-footer a.whatsapp-share-btn,.post-footer a.telegram-share-btn,.post-footer a.viber-share-btn { display:none } }