/*

Theme Name: standford

Theme URI: https://wordpress.org/themes/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: twentyseventeen

Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Normalize

2.0 Accessibility

3.0 Alignments

4.0 Clearings

5.0 Typography

6.0 Forms

7.0 Formatting

8.0 Lists

9.0 Tables

10.0 Links

11.0 Featured Image Hover

12.0 Navigation

13.0 Layout

   13.1 Header

   13.2 Front Page

   13.3 Regular Content

   13.4 Posts

   13.5 Pages

   13.6 Footer

14.0 Comments

15.0 Widgets

16.0 Media

   16.1 Galleries

17.0 Customizer

18.0 SVGs Fallbacks

19.0 Media Queries

20.0 Print

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



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

1.0 Normalize

Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css*/







@font-face {
    font-family: 'kaitiregular';
    src: url('fonts/simkai-webfont.woff2') format('woff2'),
         url('fonts/simkai-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700|Libre+Baskerville:400,700');

body {

	font-family: 'Josefin Sans', sans-serif;

	color: #333;

	font-size: 12px;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}

body.chinese-lang {font-family: 'kaitiregular'!important;}

h1,h2,h3,h4,h5,h6{font-family: 'Libre Baskerville', serif; color:#1a1a1a;}



input, a, button {

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s

}



a{ color:#0f4b8e;}



a:hover {

	text-decoration: underline;

	color:#0f4b8e;

}

a:focus {

	outline: none

}

p {

	font-size: 14px;

	font-weight: 400;

	color: #686868;

	line-height: 24px

}

input:-webkit-autofill {

-webkit-box-shadow:0 0 0 1000px white inset

}

input[type=text], button, select:not(.switcher-select-form), textarea {

	-webkit-appearance: none;

	-moz-appearance: none;

	border-radius: 0

}

img {

	max-width: 100%;

	height: auto

}



.btn-blue {

	background: #0f4b8e

}

ul{ padding:0px; margin:0px;}

li{ list-style:none; color: #686868;}





.btn-lang{background: #d17a31;    color: #fff !important;}

.header-right .dropdown-menu{padding:0px 15px;    min-width: auto;}

.header-right .dropdown-menu a{ display:block; padding:5px;  color: #1e1e1e; text-decoration:none}

/****************Shortcodes********************/



.mg0{margin:0px !important;}

.mgt0{ margin-top:0px;}

.mg10 {margin: 10px;}.mg20 {margin: 20px;}.mg30 {margin: 30px;}.mg40 {margin: 40px;}.mg50 {margin: 50px;}.mg60 {margin: 60px;}.mg70 {margin: 70px;}.mg80 {margin: 80px;}.mg90 {margin: 90px;}.mg100 {margin: 100px;}

.mgt10 {margin-top: 10px;}.mgt20 {margin-top: 20px;}.mgt30 {margin-top: 30px;}.mgt40 {margin-top: 40px;}.mgt50 {margin-top: 50px;}.mgt60 {margin-top: 60px;}.mgt70 {margin-top: 70px;}.mgt80 {margin-top: 80px;}.mgt90 {margin-top: 90px;}.mgt100 {margin-top: 100px;}

.mgl10 {margin-left: 10px;}.mgl20 {margin-left: 20px;}.mgl30 {margin-left: 30px;}.mgl40 {margin-left: 40px;}.mgl50 {margin-left: 50px;}.mgl60 {margin-left: 60px;}.mgl70 {margin-left: 70px;}.mgl80 {margin-left: 80px;}.mgl90 {margin-left: 90px;}.mgl100 {margin-left: 100px;}

.mgr10 {margin-right: 10px;}.mgr20 {margin-right: 20px;}.mgr30 {margin-right: 30px;}.mgr40 {margin-right: 40px;}.mgr50 {margin-right: 50px;}.mgr60 {margin-right: 60px;}.mgr70 {margin-right: 70px;}.mgr80 {margin-right: 80px;}.mgr90 {margin-right: 90px;}.mgr100 {margin-right: 100px;}

.mgb10 {margin-bottom: 10px;}.mgb20 {margin-bottom: 20px;}.mgb30 {margin-bottom: 30px;}.mgb40 {margin-bottom: 40px;}.mgb50 {margin-bottom: 50px;}.mgb60 {margin-bottom: 60px;}.mgb70 {margin-bottom: 70px;}.mgb80 {margin-bottom: 80px;}.mgb90 {margin-bottom: 90px;}.mgb100 {margin-bottom: 100px;}

.pd0{padding:0px;}

.pd10 {padding: 10px;}.pd20 {padding: 20px;}.pd30 {padding: 30px;}.pd40 {padding: 40px;}.pd50 {padding: 50px;}.pd60 {padding: 60px;}.pd70 {padding: 70px;}.pd80 {padding: 80px;}.pd90 {padding: 90px;}.pd100 {padding: 100px;}

.pdt10 {padding-top: 10px;}.pdt20 {padding-top: 20px;}.pdt30 {padding-top: 30px;}.pdt40 {padding-top: 40px;}.pdt50 {padding-top: 50px;}.pdt60 {padding-top: 60px;}.pdt70 {padding-top: 70px;}.pdt80 {padding-top: 80px;}.pdt90 {padding-top: 90px;}.pdt100 {padding-top: 100px;}

.pdl10 {padding-left: 10px;}.pdl20 {padding-left: 20px;}.pdl30 {padding-left: 30px;}.pdl40 {padding-left: 40px;}.pdl50 {padding-left: 50px;}.pdl60 {padding-left: 60px;}.pdl70 {padding-left: 70px;}.pdl80 {padding-left: 80px;}.pdl90 {padding-left: 90px;}.pdl100 {padding-left: 100px;}

.pdr10 {padding-right: 10px;}.pdr20 {padding-right: 20px;}.pdr30 {padding-right: 30px;}.pdr40 {padding-right: 40px;}.pdr50 {padding-right: 50px;}.pdr60 {padding-right: 60px;}.pdr70 {padding-right: 70px;}.pdr80 {padding-right: 80px;}.pdr90 {padding-right: 90px;}.pdr100 {padding-right: 100px;}

.pdb10 {padding-bottom: 10px;}.pdb20 {padding-bottom: 20px;}.pdb30 {padding-bottom: 30px;}.pdb40 {padding-bottom: 40px;}.pdb50 {padding-bottom: 50px;}.pdb60 {padding-bottom: 60px;}.pdb70 {padding-bottom: 70px;}.pdb80 {padding-bottom: 80px;}.pdb90 {padding-bottom: 90px;}.pdb100 {padding-bottom: 100px;}



.pdtb50{ padding:50px 0px;}



/****************Shortcodes********************/



/***************************************************************************************************/



div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok{ float:left}

div.wpcf7-response-output{ margin:0.5em;}



/****************Slider********************/



#myCarousel .carousel-control.left{ top:50%; left:5%; margin-top: -35px}

#myCarousel .carousel-control.right{ top:50%; right:5%;margin-top: -35px}

#myCarousel .carousel-control { background:rgba(0,0,0,0.7); width:50px; height:70px; z-index:10; opacity:1}

#myCarousel .carousel-control .fa{ font-size:40px; text-shadow:none; opacity:1; color:#fff;line-height: 70px;}

#myCarousel .carousel-inner .item img{ width:100%}





#myCarousel .carousel-caption{ background:rgba(255,255,255,0.7); left:11%; right:52%; top:50%; margin-top: -130px; text-shadow:none; color: #222;  text-align:center;bottom: auto;padding: 20px 15px;outline: solid 3px rgba(0,0,0,0.6); outline-offset: 5px;}



#myCarousel .carousel-caption h5 { font-size: 24px; text-transform: capitalize; letter-spacing: 0.5px;font-family: 'Josefin Sans', sans-serif;font-weight: 600;margin: 10px 0px;}



#myCarousel .carousel-caption p { line-height: 24px; color: #222;}

#myCarousel .carousel-caption h2 { font-weight: 900; font-size: 40px;  margin:0px;text-transform: uppercase; text-shadow: 0px 1px, 1px 0px, 1px 1px;}

#myCarousel .carousel-caption h2::after{ content: ""; width: 80px; height: 2px; background: #222; display: block; margin: 10px auto}

#myCarousel a.slibe-btn {background: #d77636; color: #fff;  padding: 8px 12px; font-size: 14px;  text-transform: capitalize; display: inline-block; margin: 10px auto; }



/****************Slider********************/

.second-top {background: #222;  /* fallback for old browsers */

background: -webkit-linear-gradient(to top, #000, #222);  /* Chrome 10-25, Safari 5.1-6 */

background: linear-gradient(to top, #000, #222); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.nav > li > a .fa{ font-size: 16px;}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {color: #d77636; background: transparent;}

.nav > li > a.active{color: #d77636; background: transparent;}



.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ color: #d77636; background: transparent;}



ul.dropdown-menu{ background-color:#fff !important; width:100%; padding:0px;min-width: 250px;}

ul.dropdown-menu>li>a{ padding: 10px 15px; color:#222; font-weight:600;border-bottom: 1px solid #ddd;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color: #d77636; text-decoration: none;text-indent: 8px;}

.navbar-collapse{ padding:0px;}

.sticky {

	position: fixed;

	width: 100%;

	left: 0;

	top: 0;

	z-index: 100;

	border-top: 0;

	background-color: #0f4b8e;

}

.navbar-nav>li>a {

	color: #fff;

	font-size: 18px;	

	text-transform: capitalize;

	display: block;

	padding: 20px 25px;

}

.navbar-toggle {

	background-color: #D77636

}

.navbar-toggle .icon-bar {

	background: #fff;

}



.navbar-right li a{ background: #d77636;padding: 10px 12px 8px;  margin: 10px 0px;    border: 1px solid transparent;}

.navbar-right li a:hover{ border: 1px dashed #d77636}

.header-top{ padding:10px 0px;}

.header-right li{ float: right;font-size: 16px;    font-weight: 600; line-height: 20px;margin-left: 30px;}

.header-right .top-icon{ width:35px; height:35px; display:table; background:#222; float:left; font-size:16px; color:#fff; text-align:center; margin-right:15px; position:relative;outline: solid 1px #222;    outline-offset: 2px;}

.header-right{ width: 100%;}



.text-wrap{ float: left}

.header-right .top-icon .fa{ display:table-cell;vertical-align:middle;}

.header-right li strong{ font-size: 18px; font-weight: 700}

.header-right span{ display:block; width:100%;}



.top-right{ padding-top:20px; width: 100%;}

.top-social{ text-align: right;}

.top-social ul li{ display: inline-block;}

.top-social ul li a{  font-size: 14px;color: #fff;  background: #d77636; width: 25px; height: 25px; display: block; text-align: center; line-height: 29px; transition: 0.3s;}



.top-social ul li a:hover{ background: #222;}



.img-full img{ width: 100%;}

.about-us{ padding: 50px 0px; background: #f9f9f9; font-size: 16px; line-height: 26px; font-weight: 400; color: #555; border-bottom: 1px solid #eee;text-align: justify;}

.about-us h1{ font-size: 16px; line-height: 26px; font-weight: 400; color: #555;; display:inline-block;font-family: 'Lato', sans-serif;; margin:0px;}

.about-us a{ font-size: 14px; color: #fff; font-weight: 600; margin-top: 10px; display: inline-block; cursor: pointer;

    background: #222; padding: 7px 15px;}





.title{ margin:0px; margin-bottom:10px;color: #0f4b8e;font-weight: 700; text-transform:uppercase;}

.border{ display:inline-block; width:100px; height:4px; background:#172745}

.about-us h2{ font-size: 28px; margin: 13px 0px; background: #222; padding: 12px 15px; color: #fff; text-transform: uppercase; display: inline-block;}

.about-us span{ display: block; font-size: 24px; text-transform: capitalize; color: #222; font-weight: 600; margin-top: 10px}





.collection{ padding: 50px 0px;}

.full-border{ position: relative;}

.full-border span{font-size: 30px; text-align: center;text-transform: uppercase; display: table; margin: 0 auto; padding: 0px 30px; background: #fff; font-family: 'Libre Baskerville', serif; margin-bottom: 30px;}

.full-border::before{ content: ""; display: block; width: 100%; height: 1px; background: #222; top: 24px; position: absolute; left: 0px; z-index: -1;}

.full-border::after{ content: ""; display: block; width: 100%; height: 2px; background: #222; top: 20px; position: absolute; left: 0px; z-index: -1;}



.pro-box{ overflow: hidden; position: relative;  border: 1px solid #ddd;}

.img-hover { left: 0; top: 70%; z-index: 2; opacity: 0; width: 100%;  height: 100%; position: absolute;visibility: hidden;

    background: rgba(35, 35, 45, 0.85); transition: 0.3s;}

.img-hover .holder {  position: relative; width: 100%; height: 100%; display: table;}



.pro-box .icon {display: block; color: #fff; text-align: center; display:table-cell; vertical-align: middle;width: 100%;height: 100%;}

.pro-box:hover .img-hover { visibility: visible;opacity: 1; top: 0;}

.pro-box .icon img{  width: auto !important; margin: 0 auto;}



#collection .owl-prev { left: -2%; }

#collection .owl-next { right: -2%;}



#collection .owl-prev, #collection .owl-next { position: absolute; top: 50%; background: #222; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; font-size: 24px; line-height: 36px;}





.what_we_do{ background: url(assets/img/women.jpg) no-repeat; padding: 0; color: #ddd; position: relative;background-size: 42% 100%;}

.what_we_do::before { background: #222; right: 0px; position: absolute; width: 60%; content: ""; height: 100%; top: 0px;  }

.what_we_do .right-area{ float: right; padding: 40px 0px;}



.what_we_do h2{font-size: 30px; text-transform: uppercase; color: #ddd; margin: 0px 0px 30px;}

.icon-list{ list-style: none; padding: 0px;}

.icon-list li{ line-height: 26px; color: #ddd; font-size: 14px;    margin-bottom: 20px;}



.icon-list li .icon-left{ font-size: 30px; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #ddd; display: block; text-align: center;line-height: 80px;float: left;}

.icon-text{ padding-left: 100px;}

.icon-text h5{ font-size: 18px; text-transform: uppercase; margin: 0px 0px 10px; color: #ddd; font-weight: 600;}

.icon-text p{ color: #ddd;    text-align: justify;}



.clients{ padding: 50px 0px;}

.clients .item { border: 1px solid #ddd;}



.testimonial{ background-image: url('assets/img/parallax.jpg'); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; padding: 60px 0px; color: #222;}

.testimonial h2 { font-size: 30px; text-align: center; margin: 0px;}

.testimonial h2::after{ content: ""; width: 60px; height: 2px; display: block; margin: 20px auto; background: #222;}

.quote { text-align: center; padding: 25px 20px;border: 2px solid rgba(0,0,0,0.2);}

.quote p{ color: #222; font-size: 16px; line-height: 26px;    margin-bottom: 20px;}

.test-name { text-transform: uppercase;font-weight: bold;font-size: 16px;}

.quote .test-logo img{}

.quote .test-logo{ text-align: center; width: 100px; margin: 10px auto 0px;}

.page-title{ padding:50px 0px; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position: center  }

.page-title h1{ display: inline-block; margin: 0px; background: rgba(215, 118, 54, 0.8); text-transform:capitalize; font-size: 24px; color: #fff;  font-weight: 500;  padding: 12px 20px; outline: solid 2px #222; outline-offset: 5px;}



.inner-heading{ color: #d77636; margin: 0px; margin-bottom: 20px; font-weight:700}

.btn-form { display: inline-block;border-radius: 0px;  border: none; background: #d77636; color: #fff; padding: 10px 20px; transition: 0.3s;}

.contact-form input{display: block;

    width: 100%;

    border: 1px solid #ccc;

    margin-bottom: 20px;

    line-height: 24px;

    padding: 8px 18px;

    font-size: 14px;

	height:40px;

	box-shadow:none;

    outline: none;}



.contact-form textarea{ width:100%; border-radius:0px; border: 1px solid #ccc; resize:none;}

	

.contact-list li { font-size: 16px; margin-bottom: 20px; display: block; width: 100%; float: left;}

.contact-list .contact-icon { display: table; width: 40px; height: 40px; float: left; text-align: center; font-size: 18px;

    margin-right: 15px; border: 2px solid #d77636;margin-bottom: 10px;}





.form-control:focus{ box-shadow: none; border-color: #d77636;}

.contact-list .contact-icon .fa{ vertical-align:middle; display:table-cell; color:#d77636}

.footer-widget{ padding: 50px 15px;    min-height: 410px;}

.footer-area{background:#222; color: #ddd; font-family: 'Libre Baskerville', serif; }

.footer-area h4 { color: #ddd; font-size: 24px; margin: 0px 0px 20px; }

.footer-area h4::after {background: url(assets/img/foot-after.png) no-repeat; content: ""; display: block; height: 10px; background-position: left center; margin-top: 15px;}

.foot-border{ border-left: 1px solid rgba(255,255,255,0.2);  border-right: 1px solid rgba(255,255,255,0.2)}





.main-content h3 {  margin: 0px; margin-bottom: 20px; font-size: 24px; color: #555;    line-height: 32px;}

.footer-area p{ color:#ddd; font-size:14px; line-height:24px; margin-bottom:15px;}

.foot-info .info-icon{  display:block; float: left; font-size: 18px;}

.foot-info li{ margin-bottom: 20px; color: #ddd;}

.foot-text{ padding-left: 30px; font-size: 14px; line-height: 22px;}

.foot-info a{color:#ddd}

footer input[type="text"], footer input[type="email"], footer input[type="tel"] {

    border: 1px solid #555; border-radius: 0px; height: 34px; margin-bottom: 5px; color: #ddd; background: #333;}

.footer-widget form p { margin: 0;}

footer textarea.form-control {background: #333; border: 1px solid #555; border-radius: 0px; margin-bottom: 15px;

    color: #ddd; resize:none; height:70px !important}

footer input[type="submit"] {

    background-color: #ddd;border-radius: 0px; color: #222; font-weight: bold;padding: 6px 15px 4px; border:1px solid #fff; font-size:14px; transition: 0.3s;}



footer input[type="submit"]:hover{ background: #d77636; color: #ddd;}



.copyright { background: #fff; padding: 38px 0px; }

.copyright p {margin: 0px;color: #222; font-size: 16px; font-weight: bold; text-align: center;}



.category-list{border: 1px solid rgba(0,0,0,0.1)}

.category-list li{ position: relative}

.category-list li a { font-size: 16px;padding: 14px 20px; display: block; text-transform: capitalize; border-bottom: 1px solid rgba(0,0,0,0.1); background: #f9f9f9; color: #555;font-weight: 600; transition: 0.3s; text-decoration: none;}



.category-list li a:hover, .category-list li a.active { background: #ddd;}

.category-list li:last-child a{ border: none;}



.category-list li a:after{ content: "\f105"; font-family: FontAwesome; right: 20px; position: absolute;}

.sidebar .category-title { background: #d77636;margin: 0px; color: #fff;padding: 13px 15px; font-size: 22px; text-align: center;}

.product-box img{ width: 100%}

.product-box{ border: 1px solid #ddd; margin-bottom: 30px; transition: 0.3s;}

.product-box:hover{box-shadow: 0px 10px 25px rgba(0,0,0,0.15);    transform: scale(1.01);}

.product-box:hover .product-title{ background: #222; color: #fff;}



.product-box .product-title{display: block; background: #ddd; color: #555; text-align: center; padding: 10px 5px 8px;    font-size: 16px; text-decoration: none;  font-weight: 600;}



.product-detail img{ border: 1px solid #ddd;}



.get-quote h6{ font-size: 24px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 20px }

.get-quote span.wpcf7-not-valid-tip{padding-top: 10px;font-size: 1.1em;}

.chinese-lang .btn { padding: 6px 21px;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #d77636;
    outline: 0;
}

.sitemap ul li a { font-size: 16px; color: #555; text-decoration: none;}











@media only screen and (min-width:993px) and (max-width:1024px) {

    

    .about-us span{ font-size: 20px; margin: 0px;}

    .about-us h2{ font-size: 24px;margin: 8px 0px;padding: 8px 10px;}
    .open>.dropdown-menu { min-width: 87px !important;}

}



@media (max-width: 992px) {



    .navbar-nav > li > a{ font-size: 16px; padding: 15px 10px;} 

    .navbar-right li a{ margin: 7px 0px; padding: 8px 10px;}

    .header-right li{font-size: 11px !important;}

    .header-right li strong{ font-size: 15px;}

    .footer-area h4{ font-size: 18px;margin: 0px 0px 15px;}

    .footer-widget{padding: 30px 10px 20px;min-height: 370px}

    .foot-text, .footer-area p{ font-size: 12px;}

    .copyright p{ font-size: 14px;} 

    .copyright { padding: 20px 0px;}

    .what_we_do .right-area{padding: 30px 0px 10px;}

    .what_we_do h2{font-size: 24px;margin: 0px 0px 20px;}

    .icon-list li .icon-left{ width: 60px; height: 60px; line-height: 60px; font-size: 24px;}

    .icon-text{ padding-left: 70px;}

    .icon-text h5{ margin-bottom: 10px; font-size: 16px;}

    .icon-text p{ font-size: 13px; line-height: 22px;}

    .about-us img{  margin-bottom: 30px;}

    .sidebar .category-title{ font-size: 20px; padding: 10px}
    .open>.dropdown-menu { min-width: 87px !important;

}

}



@media only screen and (min-width:768px) and (max-width:1024px) {

    #myCarousel .carousel-control .fa{ line-height: 60px; font-size: 28px;}

    #myCarousel .carousel-control{ width: 40px; height: 60px;}

    #myCarousel .carousel-caption{ left: 13%;right: 47%;margin-top: -115px; padding: 10px;}

    #myCarousel .carousel-caption h5{ font-size: 20px;}

    #myCarousel .carousel-caption h2{ font-size: 24px; line-height:32px; text-shadow: none;}

    #myCarousel a.slibe-btn{ margin: 0px; font-size: 12px;}




}



@media only screen and (min-width:768px) and (max-width:992px) {

	

	}





@media (max-width: 767px) {

    .navbar-collapse{ padding: 0px 15px}

    .about-us span{ margin: 0px;}

    .about-us h2{ font-size: 18px; padding: 10px 12px; margin: 10px 0px;}

    .full-border span{font-size: 18px;margin-bottom: 20px;font-weight: bold;padding: 0px 7px;}

    .full-border::before{ top: 15px;}

    .full-border::after{ top: 11px;}

    .what_we_do{ background-size: 100% 100%;}

    .what_we_do h2{ text-align: center; font-size: 20px;}

    .what_we_do::before{ width: 100%; z-index: 9; background: rgba(11, 16, 27,0.7)}

    .what_we_do .right-area { margin-left: 0px; position: relative; z-index: 10; padding: 30px 15px 10px;}

    .testimonial h2{ font-size: 24px;}

    .quote p{ font-size: 14px; line-height: 24px; margin-bottom: 10px;}

    .quote{ padding: 20px 10px;}

    .footer-widget{ min-height: 0px;}

    .foot-border{border:none;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}

    .top-logo{ text-align: center;}

    .header-right li{ float: left; margin:0px 25px 16px 0px; font-size: 14px; width: 100%; display:block; }

    .header-right li strong { font-size: 14px;}

    .contact-list li{ font-size: 14px;}

    .top-right{ padding-top: 5px;}

    .contact-text{ padding-left: 55px;}

    #myCarousel .carousel-control.right{ right: 0px;}

    #myCarousel .carousel-control.left{ left: 0px;}

    #myCarousel .carousel-control{ width: 30px; height: 40px; margin-top: -20px !important;}

    #myCarousel .carousel-caption{ left: 15%; right: 15%; margin-top: -53px; padding: 5px;}

    #myCarousel .carousel-caption p{ display: none;}

    #myCarousel .carousel-caption h2{ font-size: 20px; text-shadow: none;}

    #myCarousel .carousel-caption h5{ font-size: 16px; margin: 0px 0px 5px;}

    #myCarousel a.slibe-btn{ padding: 5px 10px; font-size: 12px; margin: 0px;}

    #myCarousel .carousel-control .fa{ line-height: 40px; font-size: 18px;}

    .inner-heading{ font-size: 24px;}

    .img-full img{ margin-bottom: 30px;}

    .sidebar{ margin-bottom: 30px;}

    .page-title{ text-align: center;}

	}

.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control { height: 100px;}

.both { display: flex;
    justify-content: center;
    align-items: center;
}
.both a.site {  padding-left: 10px;
    font-size: 16px;
    font-weight: bold !important;
    color: #0f4b8e;
}