/*
Theme Name: Mps Security
Theme URI: https://wordpress.org/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Mpss is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Mpss will make your WordPress look beautiful everywhere.
Version: 1.0
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: mpss
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 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
* 11.1 - Header
* 11.2 - Posts and pages
* 11.3 - Post Formats
* 11.4 - Comments
* 11.5 - Sidebar
* 11.6 - Footer
* 12.0 - Media
* 12.1 - Captions
* 12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
* 14.1 - >= 710px
* 14.2 - >= 783px
* 14.3 - >= 910px
* 14.4 - >= 985px
* 14.5 - >= 1200px
* 15.0 - Print
*/
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Global Style Declaration
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
body { margin:0; padding:0; font-size:16px; letter-spacing: 0.04em; line-height:1.5; font-family: 'Roboto', sans-serif; font-weight:300; color:#000; overflow-x: hidden; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; letter-spacing: 0.06em; }
h1 { font-size:54px; line-height:1.1; font-weight:600; font-family: 'Roboto', sans-serif; color: #ffffff;}
h2 { font-size:36px; line-height:1.1; font-weight: 600 }
h3 { font-size:28px; line-height:1.2; font-weight: 600 }
h4 { font-size:22px; line-height:1.4; }
h5 { font-size:26px; line-height:1.4; }
h6 { font-size:20px; line-height:1.5; }
img { max-width:100%; height:auto; border:none; vertical-align: middle; }
a { text-decoration:none; color:#000; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }
a:hover { color: #f17a21; }
p { margin:0; }
* + h1, * + h2 { margin-top:30px; }
* + h3, * + h4 { margin-top:25px; }
* + h5, * + h6 { margin-top:20px; }
* + p { margin-top:16px }
input[type=submit] { cursor:pointer; }
.wrapper { width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1200px; padding-left: 15px; padding-right: 15px; }
.clearfix,.site-main { display:block; }
.clearfix:before,.clearfix:after,.site-main:before,.site-main:after { content:''; width:100%; display:table; }
.set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative; }
.overlay > * { position:relative; z-index:2; }
.overlay:before { content:''; background:rgba(0,0,0,0.40); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.overlay.red:before { background:rgba(191, 31, 47,0.75); }
.altBg { background:#f7f7f7; }
.fontGray, .fontGray a { color:#616161; }
.fontWhite, .fontWhite a { color:#fff; }
.fontWhite a:hover { color:#f17a21; }
.button a , a.button { padding: 9px 27px; background: transparent; letter-spacing: 0.08em; color:#fff;border: 1px solid #f15824; background-color: #f15824; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 18px; max-width:100%; display:inline-block; position: relative;overflow: hidden;transition: all ease 0.3s;-moz-transition: all ease 0.3s;-webkit-transition: all ease 0.3s; font-family: 'Roboto', sans-serif; letter-spacing: 0.06em; }
.button a:hover , a.button:hover {background-color: #fff; border-color: #ffffff}
.ReadMore a { color: #f17a21;}
.ReadMore a:hover { border-color: #a1a1a1}
.aboutBtn a { color: #86b33c; border-color: #86b33c; z-index: 2; }
.titleStyle { text-align: center; }
.titleStyle:after { content:''; width: 190px; height: 45px; background: url('images/titleStyle.png') center center no-repeat; background-size:contain; display: block; margin:10px auto 20px; }
/*.marginTitle.titleStyle:after { margin: 20px auto 40px;}*/
.titleStyle.leftAligned { text-align: left; }
.titleStyle.leftAligned:after { margin-left: 0; }
.titleStyle.productTitle:after { background-image:url('images/titleStyle1.png'); }
.alternetBg { background-color: #f7f7f7;}
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6 { font-weight:700; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6 { font-weight:600; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; }
.uppercase { text-transform: uppercase; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.noListStyle ul { list-style:none; padding:0; margin:0; }
.listStyle ul { margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */
.listStyle * + ul { margin-top:15px; }
.listStyle ul li { padding-left:25px; position:relative; font-weight:500; }
.listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#ea8c20; font-weight:normal; top:1px; }
.listStyle ul li:not([class*="fa-"]):before { content:"\f046"; } /*Default without any class in if you want any other font awesome icon just put icon class in Content */
.boxShadow { -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);}
.fl { float:left; }
.fr { float:right; }
.ib { display: inline-block; vertical-align:middle; margin-right:-4px; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }
.pl0 { padding-left:0; }
.pr0 { padding-right:0; }
.pl30 { padding-left:30px; }
.pr30 { padding-right:30px; }
.p0-0 { padding-left:0; padding-right:0; }
.p0-10 { padding-left:10px; padding-right:10px; }
.p0-15 { padding-left:15px; padding-right:15px; }
.p0-20 { padding-left:20px; padding-right:20px; }
.p0-50 { padding-left:50px; padding-right:50px; }
.p10-0 { padding-top:10px; padding-bottom:10px; }
.p20-0 { padding-top:20px; padding-bottom:20px; }
.p30-0 { padding-top:30px; padding-bottom:30px; }
.p40-0 { padding-top:40px; padding-bottom:40px; }
.p50-0 { padding-top:50px; padding-bottom:50px; }
.p60-0 { padding-top:60px; padding-bottom:60px; }
.p70-0 { padding-top:70px; padding-bottom:70px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; }
::-moz-placeholder { opacity:1 !important; color: #666666 }
:-ms-input-placeholder { opacity:1 !important; color:inherit !important; }
textarea, input[type="text"],input[type="search"], input[type="number"], input[type="email"], input[type="tel"], select {
display: inline-block;
font-family: 'Roboto', sans-serif;
width:100% !important;
font-size: 18px !important;
text-align: left;
border: none;
padding: 14px 15px !important;
outline: none;
float: left;
box-sizing: border-box;
color: #000;
background-color: #b2b2b2;
border-left: 2px solid #f15824;
}
textarea { min-height:170px; }
form input[type="radio"],form input[type="checkbox"] { display:none }
form input[type="radio"]+label,form input[type="checkbox"]+label { position:relative; display:block; padding-left:30px; cursor:pointer }
form input[type="radio"]+label:before,form input[type="checkbox"]+label:before { content:"\f00c"; font-family:fontawesome; color:#86b33c ; position:absolute; left:4px; top:4px; font-size:0; width:15px; height:15px; display:block; border:1px solid #ccc; transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px }
form input[type="radio"]+label:before { border-radius:50% }
form input[type="radio"]:checked+label:before { background:#86b33c ; border-color:#86b33c }
form input[type="checkbox"]:checked+label:before { border-color:#86b33c ; font-size:12px; background:#86b33c ; color:#fff }
input[type="submit"],input[type="button"] ,.search-submit{ display: inline-block; color: #fff; border:1px solid #f15824; padding: 11px 24px; font-size: 18px; text-transform: uppercase; cursor: pointer; border-radius: 0; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; letter-spacing: 0.08em; background-color: #f15824; }
input[type="submit"]:hover,input[type="button"]:hover,.search-submit:hover { background-color: #ffffff; color: #f15824 }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Header and Footer
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*page wise css*/
/*HomePage*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Header and Footer
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
header { background-color: #222222; top:0; left:0; text-transform: uppercase; z-index: 9999; position: fixed; width: 100%;
transition: all 0.3s; -webkit-transition: all 0.3s ; border-bottom: 1px solid #f15925 }
header .siteLogo { line-height:84px; }
header .siteLogo a { display: block; vertical-align: middle; }
header .siteNavigation ul { margin:0; padding:0; list-style: none; float: right; }
header .siteNavigation ul li { float:left; position:relative; }
header .siteNavigation ul li a { display: block; overflow: hidden; position:relative; z-index: 2; padding: 0 15px; transition: all ease 0.4s ; -webkit-transition: all ease 0.4s ; }
header .siteNavigation ul#menu-primary-menu > li { }
header .siteNavigation ul#menu-primary-menu > li > a { font-weight:400; color: #ffffff; padding: 31px 15px; letter-spacing: 0.06em }
header .siteNavigation ul#menu-primary-menu > li + li { margin-left: 20px; }
header .siteNavigation ul#menu-primary-menu > li > a:before { content: ''; position:absolute; background-color: #f17a21; width: 100%; bottom: -2px; left: 0px; transition: all ease 0.4s ; -webkit-transition: all ease 0.4s ; height: 2px;}
header .siteNavigation ul#menu-primary-menu > li > a:after { content: ''; position: absolute; left: 50%; margin-left: -1px; width: 1px; left: 50%; height: 100px; background-color: #f17a21;
bottom: -101px; transition: all ease 0.4s ; -webkit-transition: all ease 0.4s ; }
header .siteNavigation ul#menu-primary-menu > li:hover > a { color: #f17a21 ; padding-top: 25px; padding-bottom: 36px; }
header .siteNavigation ul li ul li:hover a{ color: #f17a21 ; }
header .siteNavigation ul#menu-primary-menu li:hover > a:before { bottom: 20px;}
header .siteNavigation ul#menu-primary-menu li:hover > a:after { bottom: -80px;}
header .siteNavigation ul li ul { position:absolute; top:120%; transform-origin: top center; opacity:0; overflow:hidden; visibility: hidden; left:0; background: #ffffff; width:250px; border-top:none; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4) }
header .siteNavigation ul#menu-primary-menu li:hover > ul { visibility: visible; top:100%; opacity:1; }
header .siteNavigation ul li ul li a:before { content: ''; top: 0px; position:absolute; background-color: #f17a21; height: 100%; bottom: 0; left: -1px; transition: all ease 0.4s ; -webkit-transition: all ease 0.4s ; width: 2px;}
header .siteNavigation ul li ul li a:after { content: ''; position: absolute; top: 50%; margin-top: -1px; height: 1px; width: 50px; background-color: #f17a21;
bottom: 0px; left: -51px; transition: all ease 0.4s ; -webkit-transition: all ease 0.4s ; }
header .siteNavigation ul li ul li:hover a::before { left: 30px}
header .siteNavigation ul li ul li:hover a:after { left: -20px}
header .siteNavigation ul li ul li:hover a { padding-left: 45px;}
header .siteNavigation ul ul li { display: block; width: 100%; position: relative; line-height: 2 }
header .siteNavigation ul ul li + li { border-top: 1px dotted rgba(0,0,0,0.2); }
header .siteNavigation ul ul li a { text-transform: none; font-weight: 400; padding: 15px; display: block; }
header .siteNavigation ul#menu-primary-menu > li:last-child a:before,header .siteNavigation ul#menu-primary-menu > li:last-child a:after {display: none; }
header .siteNavigation ul#menu-primary-menu > li:last-child a{ padding: 10px 20px; margin-top: 22px; font-weight: 600; background-color: #f15824; border: 1px solid #f15824 }
header .siteNavigation ul#menu-primary-menu > li:last-child a:hover { background-color: #ffffff; }
body.leaveIt header{ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); }
body.fixIt header { transform: translateY(0px); -webkit-transform: translateY(0px); }
body.fullView header { transform: translateY(0); -webkit-transform: translateY(0); }
/*bannnerSection*/
.bannerSection { padding-top: 86px;}
.bannerSection h1 { padding: 0px 40px; letter-spacing: 0.06em;}
.bannerSection .wrapper { padding: 150px 0}
/*serviceSection*/
.vt{ vertical-align: top}
.service { width: 32%; display: inline-block; background-color: #f15824; color: #ffffff; text-align: center; -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.49);
-moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.49); vertical-align: top;
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.49); margin: 0px 0.7% 25px; padding: 20px; }
/*. {}*/
.AllService .service:nth-child(3n+1){ margin-left: 0}
.AllService .service:nth-child(3n+3){ margin-right: 0}
.serviceContent h6 { font-weight: 500; vertical-align: top; min-height: 60px; padding: 0px 10px; letter-spacing: 0.06em}
.topIcon { display: inline-block; width: 110px; -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.49);
-moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.49);
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.49); height: 110px;
background-color: #fff;
line-height: 110px;
border-radius: 50%;}
.topIcon img { width: 60px;}
.overviewSection,.strategiesSection,.traningSection { overflow-x: hidden}
.allOverView { width: 100%;background-size: 85% 100%; background-position: left; background-repeat: no-repeat; position: relative}
.allOverView .overViewRight{ padding: 40px; background: rgba(255,255,255,0.80); position: relative; z-index:1;}
.overviewContent { position: relative; float: left; width: 100%;}
.overviewContent:before {position: absolute; top: 0px; left: 50%; bottom: 0; background-color: #f7f7f7; content: ''; width: 100%; -webkit-clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%); }
.strategiesContent{ position: relative; padding-top: 20px; padding-bottom: 20px;}
.strategiesContent:before { position: absolute; top: 0px; bottom: 0px; height: 100%; width: 2px; background-color: #f15824; content: ''; margin-left: -1px; left: 50%;}
.strategiesLeft { padding-right: 25px;}
.strategiesRight { padding-left: 25px; }
.strategiesImage { padding: 20px; -webkit-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75); box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75); display: inline-block; position: relative; background-color: #ffffff}
.strategiesImage:before { position: absolute; top: 50%; height: 1px; right: -25px; width: 30px; content: ''; background-color: #f15824; z-index: -1; margin-top: 20px; }
.strategiesImage img{ width: 175px;}
.StrategiesContentRight { padding: 20px; -webkit-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75); box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75);display: inline-block ; width: 100%; position: relative; background-color: #ffffff}
.StrategiesContentRight:before { position: absolute; top: 50%; height: 1px; left: -25px; width: 30px; content: ''; background-color: #f15824; z-index: -1 }
.StrategiesContentRight h6 { text-transform: uppercase; font-weight: 400}
.strategiesLeft .StrategiesContentRight { text-align: right}
.strategiesContent .ib { vertical-align: middle}
.allStrategies .strategiesContent:nth-child(2n+1) .strategiesLeft{ float: left }
.allStrategies .strategiesContent:nth-child(2n+1) .strategiesRight{ float: right }
.allStrategies .strategiesContent:nth-child(2n+2) .strategiesLeft{ float: right;text-align: left; padding-left: 25px; padding-right: 0; }
.allStrategies .strategiesContent:nth-child(2n+2) .strategiesLeft .strategiesImage:before { left: -25px; right: inherit}
.allStrategies .strategiesContent:nth-child(2n+2) .strategiesRight{ float: left; padding-left: 0px; padding-right: 25px; text-align: right }
.allStrategies .strategiesContent:nth-child(2n+2) .strategiesRight .StrategiesContentRight:before { left: inherit; right: -25px;}
/*valueSection*/
.valuedescription { width: 800px; max-width: 100%; margin: 0px auto; }
.value { width: 25%; padding: 15px; vertical-align: top}
.value .valueIcon { display: inline-block; width: 100px; height: 100px; border: 1px dashed #f15824; border-radius: 50%; line-height: 100px; margin-bottom: 20px}
.value h6 { font-weight: 400}
/*trainingSection*/
.traningLeft { padding-right: 50px; border-right: 1px solid #f15824}
.traningRight { padding-left: 50px; padding-right: 10px;}
.requiredPosting li { position: relative; list-style-type: none; padding-left: 25px; margin-bottom: 7px;}
.requiredPosting li:before{ position: absolute; top: 0; left: 0px; content: ''; width: 13px; height: 13px; background: url("images/checkMark.png")center no-repeat; top: 7px; }
/*getIntouchSection*/
.getInTouchSection{ background-color: #000}
.getInTouch {width: 25%; text-align: center; padding-bottom: 40px; }
.getInTouch .map img { max-width: 181px; height: auto; margin-bottom: 25px; }
.getInTouch .touchContent h6 { color: #f15824; font-weight: 500}
.getInTouch .touchContent p { text-align: center; color: #444;}
.getInTouch .touchContent p span { display: block; }
/*getinTouchSection*/
.formSection { width:970px; max-width: 100%; margin: 0px auto;padding-top: 30px; }
.formSection .w50 { width: 48.5%; margin: 0 1.2%; }
.formSection .w50:first-child { margin-left: 0px;}
.formSection .w50:last-child{ margin-right: 0px;}
fieldset { border: transparent; padding: 0px; margin: 0px; margin-bottom: 30px;}
/*footer section*/
footer{
background-color: #f15824;
line-height: 54px;
color: #ffffff; font-size: 14px;
}
footer .footerLeft { }
footer .footerRight a { color: white; display: inline; }
footer .footerRight a i { padding-right: 8px; display: inline-block}
footer .footerRight a:first-child { padding-right: 40px;}
footer .footerRight a:hover { color: #000}
footer .footerRight a:hover i { color: white}
.gfield_required{ display: none}
.gform_footer { text-align: center }
body .gform_wrapper .top_label li.gfield.gf_left_half { margin-right: 2% !important; margin-bottom: 15px; }
body .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,body .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { width: 49% !important; margin-bottom: 15px; }
.gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea { border: transparent !important;
border-left: 2px solid red !important;
margin-bottom: 0 !important; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html { max-width: 100% !important; margin-top: 0px !important; margin-left: 0px !important;
}
body #gform_confirmation_message_1 { text-align: center; font-size: 24px; font-weight: 500;}
body .gform_wrapper .top_label .gfield_error { width: 100%}
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required { background-color: transparent !important; border: none !important; margin-bottom: 0 !important; margin-top: 0px !important }
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { display: none }
body .gform_wrapper label.gfield_label+div.ginput_container { margin-top: 0 !important }
body .gform_wrapper div.validation_error {font-size: 17px; margin-bottom: 15px; border-top: none;border-bottom: none; width: 100%; }
.content-area{ padding: 185px 0 100px; }
.content-area h1 { color: #000 }
.content-area .searchbox { padding-top: 25px;}
.content-area .searchbox > a { margin-top: 20px;
color: #f15824;
display: inline-block;
padding: 7px 15px;
background-color: transparent;
border-radius: 3px;
border: 1px solid #f15824; }
.content-area .searchbox > a:hover { color: #fff; background-color: #f15824; }
.navigation.pagination{ padding-top: 30px; }
.navigation .nav-links { text-align: center; margin-top: 15px; }
.navigation .nav-links .current { background-color: #a1a1a1 }
.navigation .nav-links a,.navigation.pagination .nav-links span { background-color: #f15824; color: white; padding: 7px; display: inline-block; border-radius: 3px; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.post-navigation h2.screen-reader-text,.pagination h2.screen-reader-text { display: none}
.search-form { padding-top: 50px; text-align: center }
.search-form .screen-reader-text { font-size: 24px; }
input[type="search"] { float: none; width: auto; max-width: 400px }
.page-content p{ padding-top: 20px; }
.entry-footer { margin-top: 25px; background: #cccccc; display: table; width: 100%; position: relative; padding: 13px;}
.author img{ position: absolute; top: 0px; left: 0px; width: 50px; height: 50px }
.entry-footer > span { display: table-cell; vertical-align: middle; }
.entry-footer > span:last-child { text-align: right; }
.entry-footer .posted-on a time:not(:first-child){ display: none }
.vcard .screen-reader-text { padding-left: 50px; }
.vcard a { color: #f15824; padding-left: 5px; display: inline-block}
.vcard a:hover { color: white}
.post-navigation .nav-previous a,.post-navigation .nav-next a { border: 1px solid #f15824}
.post-navigation .nav-previous a:hover ,.post-navigation .nav-next a:hover { color: #f15824; border-color: #f15824; background: transparent }
.postDetailSection { width: 100%; padding-top: 50px;}
.postDetailSection .post-thumbnail { width: 30%; display: inline-block; text-align: center; vertical-align: top; margin-right: -4px; }
.postDetailSection .entry-content { width: 70%; display: inline-block; vertical-align: top; margin-right: -4px; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*-=-=- Only Desktop CSS -=-=-*/
@media (min-width:1231px ) {
}
/*-=-=- Smaller Desktop Devices -=-=-*/
@media (max-width:1230px ) {
.wrapper { max-width:1000px }
header .siteNavigation ul#menu-primary-menu > li > a { font-size: 14px; padding: 32px 0;}
header .siteNavigation ul#menu-primary-menu > li:hover > a { padding-top: 28px;}
header .siteNavigation ul#menu-primary-menu > li:hover:last-child a { padding: 10px 20px;}
}
/*-=-=- Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {
.wrapper { max-width:900px }
}
/*-=-=- Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width:991px ) {
.wrapper { max-width:700px }
header .wrapper { max-width: 100%}
.tabw25 { width:25%; }
.tabw30 { width:30%; }
.tabw33 { width:33.33%; }
.tabw40 { width:40%; }
.tabw50 { width:50%; }
.tabw60 { width:60%; }
.tabw66 { width:66.66%; }
.tabw70 { width:70%; }
.tabw75 { width:75%; }
.tabw100 { width:100%; }
.p40-0 { padding-top:30px; padding-bottom:30px; }
.p50-0 { padding-top:35px; padding-bottom:35px; }
.p60-0 { padding-top:40px; padding-bottom:40px; }
.p70-0 { padding-top:40px; padding-bottom:40px; }
.pb40 { padding-bottom:30px; }
.pb50 { padding-bottom:35px; }
.pb60 { padding-bottom:40px; }
.pb70 { padding-bottom:45px; }
.pt40 { padding-top:30px; }
.pt50 { padding-top:35px; }
.pt60 { padding-top:40px; }
.pt70 { padding-top:45px; }
/*-=-=-=-= Mobile menu JS USE MENU ICON as '' -=-=-=*/
a.expandMenu { width: 40px; height: 40px; display: block; cursor:pointer; position: absolute; top: 20px; right: 15px; padding: 5px; z-index:50; }
a.expandMenu i { position:relative; width: 30px; left:0; height: 4px; opacity:1; display: block; background: #f15824; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
a.expandMenu.open i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative; }
a.expandMenu.open i:nth-child(2) { position:relative; left:-46px; opacity:0; }
a.expandMenu.open i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; }
/*-=-=-=-= Mobile Submenu JS USE SUBMENU ICON as '' -=-=-=*/
.childExpand { position: absolute; top: 15px; right: 10px; width: 24px; text-align: center; height: 24px; margin: 0; padding:5px; cursor:pointer; }
.childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background: #fff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -7px; }
.childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.siteNavigation { display: block; width: 100%; position: absolute; left: 0; text-align: left; float: none; display: none; }
header .siteNavigation ul#menu-primary-menu { background-color: #222; margin-top: 85px; border-top: 1px solid #f15824; }
header .siteNavigation ul { float: none; }
header .siteNavigation ul li { float: none; display: block; width: 100%; }
header .siteNavigation ul#menu-primary-menu > li + li { margin-left: 0px;}
header .siteNavigation ul#menu-primary-menu > li > a { line-height: 1; border-bottom: 1px solid #f15824; color: #f15824; padding: 15px;}
header .siteNavigation ul li > ul { position: relative; width: 100%; box-shadow: 0px 0 0 ; visibility: visible; opacity: 1; border-bottom: 1px solid #f15824; transition: none; }
header .siteNavigation ul ul li a { font-size: 14px; padding-left: 20px; line-height: 10px; }
header .siteNavigation ul#menu-primary-menu li:hover > a { color: #f15824}
.purchaseCard {margin-right: 50px;}
header .siteNavigation ul#menu-primary-menu { margin-right:0;}
header .siteNavigation ul#menu-primary-menu > li:last-child a { margin-top: 0px; color: #ffffff; border-top: none}
header .siteNavigation ul#menu-primary-menu > li > a:before { width: 2px; bottom: 0; left: -2px; height: 100%; }
header .siteNavigation ul#menu-primary-menu > li:hover > a:before { left: 31px; bottom: 0}
header .siteNavigation ul#menu-primary-menu > li > a:after { margin-left: -1px; width: 50px; left: -51px; height: 1px; bottom: 50%; }
header .siteNavigation ul#menu-primary-menu > li:hover > a { padding: 15px 15px 15px 50px; }
header .siteNavigation ul#menu-primary-menu > li:hover > a:after { bottom: 50%; left: -18px; }
header .siteNavigation ul#menu-primary-menu > li:last-child a:hover { color: #f15824;padding: 10px 20px;}
h1 { font-size:40px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:18px; }
h5 { font-size:18px; }
h6 { font-size:18px; }
.service{ width: 48.4%;}
.AllService .service:nth-child(3n+1) { margin-left: 0.7%; }
.AllService .service:nth-child(3n+1) { margin-right: 0.7%; }
.AllService .service:nth-child(2n+1) { margin-left: 0; }
.AllService .service:nth-child(2n+2) { margin-right: 0; }
.overviewContent:before { display: none}
.allOverView .overViewRight { width: 100% }
.allOverView { background-size: 100% 100%}
.formSection .w50 { width: 48.4%;}
footer .footerRight a:first-child { padding-right: 14px}
footer { font-size: 13px}
.bannerSection .wrapper { padding: 90px 0}
input[type="search"] { max-width: 270px; }
}
/*-=-=- Mobile Devices -=-=-*/
@media (max-width:767px ) {
.wrapper { max-width:100%; padding-left:15px; padding-right:15px; }
.mtop10 { margin-top:10px; } /* >>>>>>> margin top 10px in mobile <<<<<<<< */
.mtop20 { margin-top:20px; } /* >>>>>>> margin top 20px in mobile <<<<<<<< */
.mtop30 { margin-top:30px; } /* >>>>>>> margin top 30px in mobile <<<<<<<< */
.mpt0 { padding-top:0 !important; }
.mpb0 { padding-bottom:0 !important; }
.mp0 { padding:0 !important; }
.mobile-center { text-align:center; } /*>>>>>>> text-align:center in mobile <<<<<<<<<<<<*/
.text-right { text-align: right; }
.mw25 { width:25%; }
.mw33 { width:33.33%; }
.mw50 { width:50%; }
.mw66 { width:66.66%; }
.mw75 { width:75%; }
.mw100 { width:100%; }
.residentialLeft { padding: 0}
.staff { margin: 0 2%;}
.strategiesLeft { width: 100%}
.strategiesRight { width: 100%}
.strategiesContent:before{ display: none}
.strategiesRight,.allStrategies .strategiesContent:nth-child(2n+2) .strategiesLeft { padding-left: 0}
.strategiesLeft { text-align: left; padding-right: 0}
.StrategiesContentRight { text-align: left}
.strategiesRight .StrategiesContentRight:before { display: none}
.strategiesLeft .strategiesImage:before { top: 100%; height: 25px; right: 50% !important; width: 1px; margin-top: 0; left: inherit !important; }
.strategiesRight { text-align: right}
.StrategiesContentRight:before { display: none}
.traningLeft { border-right: none; border-bottom: 1px solid #f15824}
.traningLeft { padding-right: 0px; padding-bottom: 25px }
.traningRight {padding: 0; padding-top: 25px;}
.formSection .w50 { width: 48.3%;}
.footerRight,.footerLeft { text-align: center}
.bannerSection h1 { font-size: 30px; padding: 0px 15px; }
.allOverView .overViewRight { padding: 20px 15px;}
.allStrategies .strategiesContent:nth-child(2n+2) .strategiesRight { padding-right: 0}
footer { line-height: 36px;}
.content-area {padding: 130px 0 60px; }
.entry-footer{ font-size: 12px; padding: 16px 13px; }
.postDetailSection { padding-top: 30px;}
.postDetailSection .post-thumbnail { width: 100%; padding-bottom: 20px; text-align: left }
.postDetailSection .entry-content { width: 100%; }
}
@media (max-width: 600px) {
.formSection .w50 { width: 100%; margin: 0}
.formSection .w50 { width: 100%; margin: 0 0 15px 0}
.formSection fieldset{ margin-bottom: 0}
.AllService .service { width: 320px; max-width: 100%; margin: 0px auto 15px !important; float: none; display: block}
.gform_wrapper .top_label li.gfield.gf_left_half ,.gform_wrapper .top_label li.gfield.gf_right_half{ width: 100% !important; margin-right: 0px !important }
.search-form .screen-reader-text {
font-size: 17px;
}
.search-form .search-submit .screen-reader-text{ font-size: 14px; }
input[type="search"]{ padding: 10px 15px !important; max-width: 357px; }
.search-form { text-align: left }
.search-submit{ display: block;
margin-top: 10px;
margin-left: 95px; }
body .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, body .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { width: 100% !important}
}
@media (max-width: 480px) {
.fmw100{ width: 100%; margin-left: 0px; margin-right: 0px;}
.allTeam { padding: 30px 0 90px 0}
.teamDetailSection .wrapper { padding-left: 0px; padding-right: 0}
.teamDetailSection .wrapper .slick-list { padding-left: 0px !important; padding-right: 0 !important}
.staff { margin: 0}
.NewsParent .newsImage .newsStrip .stripRight a { width: 30px; height: 30px;line-height: 30px; font-size: 18px;margin-right: 0 }
.NewsParent .newsImage .newsStrip { padding-bottom: 10px;}
.scrollBottomButton a { bottom: 13%;}
.search-submit { margin-left: 0 }
.entry-footer{ padding: 8px 13px; }
.entry-footer > span { display: block; }
.author img { width: 52px;
height:52px; }
.vcard .screen-reader-text,.entry-footer > span:last-child {
padding-left: 75px;
text-align: left;
}
}
@media (max-width: 320px) {
.headerSection:after {
width: 64.2%;
}
}