@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'CenturyGothic';
src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  url('fonts/CenturyGothic.woff') format('woff'), url('fonts/CenturyGothic.ttf')  format('truetype'), url('fonts/CenturyGothic.svg#CenturyGothic') format('svg');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: 'CenturyGothic-Italic';
src: url('fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),  url('fonts/CenturyGothic-Italic.woff') format('woff'), url('fonts/CenturyGothic-Italic.ttf')  format('truetype'), url('fonts/CenturyGothic-Italic.svg#CenturyGothic-Italic') format('svg');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: 'CenturyGothic-Bold';
src: url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/CenturyGothic-Bold.woff') format('woff'), url('fonts/CenturyGothic-Bold.ttf')  format('truetype'), url('fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: 'CenturyGothic-BoldItalic';
src: url('fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/CenturyGothic-BoldItalic.woff') format('woff'), url('fonts/CenturyGothic-BoldItalic.ttf')  format('truetype'), url('fonts/CenturyGothic-BoldItalic.svg#CenturyGothic-BoldItalic') format('svg');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}


a img{ border:0;}
body{ padding:0; margin:0; font-family:'CenturyGothic', Arial, Helvetica, sans-serif; color:#000; font-size:16px;}
ul, li, p, h1, h2, h3, h4, h5, h6{ padding:0; margin:0; list-style:none;}
header, footer, aside, section, article{ padding:0; margin:0; display:block;}
.clear{ clear:both;}
.container{ width:1170px; margin:0 auto;}
a{ text-decoration:none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
a:hover{ color:#0f76bb; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
strong{ font-weight:normal; font-family:'CenturyGothic-Bold', Arial, Helvetica, sans-serif;}
h1{ font-weight:normal; font-size:30px; font-family:'CenturyGothic-Italic', Arial, Helvetica, sans-serif; color:#18396a; background:url(../images/division.png) no-repeat 50% 100%; padding-bottom:10px; margin-bottom:10px; text-align:center;}

/********************** Top Bar *************************/
.topBar{ padding:12px 0;}
.logo{ display:inline-block;}
.logo a{ background:url(../images/logo.png) no-repeat; width:316px; height:88px; display:block;}

.topRight {
float: left;
text-align: left;
width: 100%;
}
.topRight .menu{ display:none;}


.menu a{color: #18396a;font-size: 14px; height: auto;margin-right: 0;margin-top: 0;width: auto;}
.mainNav{ margin-top:15px; display:block}

.mainNav a {
color: #3665a9;
display: block;
font-family: "CenturyGothic-Bold",Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
padding: 10px 3px;
position: relative;
text-transform: uppercase;
z-index: 2;
}
.mainNav a.current-menu-item { background:#1968b3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff;}
.mainNav a:hover{ color:#fff;}
.mainNav li .Veffect{background:#1968b3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; position:absolute; width:100%; height:0; top:0; left:0; -webkit-transition: height 0.3s ease 0.1s; -moz-transition: height 0.3s ease 0.1s; transition: height 0.3s ease 0.1s; content: "";}
.mainNav li:hover .Veffect{ height:100%;}
.mainNav li {display: inline-block;float: left;height: auto;overflow: visible;padding: 0 5px;position: relative;}
.social {float: right; width: auto;}
.social a{ margin:5px;}
.banner{ background:url(../images/bannerbg.jpg) no-repeat fixed 50% 0; height:429px; overflow:hidden; position:relative; margin-top:10px;}

/*********************** Three col ***************************/
.Thrcol {padding-bottom: 10px;}
.Thrcol .col{ width:33%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left;}
.boxTop{ position:relative; margin-top:-40px;}
.boxIcon{ background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:246px; height:190px; margin:0 auto; text-align:center; position:relative; padding-top:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.boxCnt{ position:relative; margin-top:-25px; z-index:1;}

.contactDtl a {
color: #000;
}
.contactDtl a:hover{ color:#0f76bb;}
.contactDtl li{ padding:5px 0;}
.content ul.menu li {background: #f4f5f6 url("../images/listing.png") no-repeat scroll 10px 12px / 5% auto;margin-bottom: 1px;padding: 10px 10px 10px 38px;}
.map img{ border:3px solid #cecece; width:100%;}
.Twocol .col {box-sizing: border-box;float: left;padding: 0;width: 68%;}
.Twocol .col:nth-child(even){ padding-left:10px;}
.client{ padding:30px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:0 0 15px;}
.owl-buttons{ display:none}

/************************ Contact Form *******************/

.cntForm li {float: left;padding-bottom: 10px;position: relative;width: 100%;}
.cntForm input {background: #f2f2f2 none repeat scroll 0 0;border: 0 none;box-sizing: border-box;color: #666;font-size: 12px;padding: 12px 30px 12px 12px;width: 100%;}
.caption { height: 36px;overflow: hidden; padding: 5px; text-align: center;}
.required .req-red{ color:#ff0000; position:absolute; top:12px; right:10px;}
.cntForm textarea{width:100%; background:#f2f2f2; font-size:12px; color:#666; padding:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:0; height:86px;}
.cntForm .btn{ width:100%;}
.btn{ background:#3b93cb !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px; color:#fff!important; text-transform:uppercase!important; font-size:18px!important; font-family:'CenturyGothic-Bold', Arial, Helvetica, sans-serif; text-align:center; padding:8px 10px!important;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:0; font-weight:normal; cursor:pointer;}
.btn span{ font-size:11px; text-transform:none; position:relative; margin-top:-5px; vertical-align:middle; display:inline-block;}
.btn:hover{ background:#18396a!important;}

/********************** Footer **************************/

footer {
    background: #18396a none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-family: "CenturyGothic",Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 30px 0;
    text-align: center;
    width: 100%;
}
footer a{ color:#3b93cb;}
footer a:hover{ color:#333;}
footer br{ display:none;}
/********************** Custom Icon *************************/
.customIcon{ background:url(../images/customicon.png) no-repeat; display:inline-block; vertical-align:middle;}
.speciality{ background-position:-438px 0; width:107px; height:118px;}
.reachUs{ background-position:-438px -177px; width:107px; height:118px;}
.qContact{ background-position:-438px -342px; width:107px; height:118px;}
a.tw{ background-position:-107px -1px; width:34px; height:34px;}
a.fb{ background-position:-151px -1px; width:34px; height:34px;}
a.gp{ background-position:-195px -1px; width:34px; height:34px;}
a.lin{ background-position:-239px -1px; width:34px; height:34px;}
a.tw:hover{ background-position:-107px -66px; width:34px; height:34px;}
a.fb:hover{ background-position:-151px -66px; width:34px; height:34px;}
a.gp:hover{ background-position:-195px -66px; width:34px; height:34px;}
a.lin:hover{ background-position:-239px -66px; width:34px; height:34px;}
.call{ background-position:0 0; width:18px; height:18px; margin-right:10px;}
.mailus{ background-position:0 -38px; width:18px; height:18px; margin-right:10px;}
/*********4 aug************/

.content p {
color: #000;
font-size: 14px;
line-height: 24px;
padding: 10px;
}

/* Navigation changes done on 8 sep 2015 */
.mainNav li:hover a{color:#fff;}
.sub-menu {background:rgba(25, 104, 179, .95);height: auto;left: 0;min-height: 60px;position: absolute;top:60px;width: 200px;z-index: 2147483647;transition: all 1s ease-in;-webkit-transition: all 1s ease-in;-moz-transition: all 1s ease-in;opacity:0;visibility: hidden;}
.sub-menu > *{box-sizing: border-box;}
.mainNav li:hover .sub-menu{top:35px; opacity:1; visibility: visible;}
.sub-menu li {float: left;margin-top: 5px;padding: 0 10px;width: 100%;}
.sub-menu li a {border-top: 1px dashed rgba(255, 255, 255, 0.4);box-sizing: border-box;color: #fff;float: left;font-family: "CenturyGothic";font-size: 13px;line-height: 30px;text-align: left;text-transform: capitalize;width: 100%;}
.sub-menu li .Veffect {display: none;}
.menu-item-70 .sub-menu {width: 250px;}
.sub-menu li:hover{background:#fff;}
.sub-menu li:hover a{color:#000;}

/* Sidebar inner pages design starts here */
.Twocol .col.sidebar {border-left: 1px solid rgba(0, 0, 0, 0.07);padding-left: 30px;width: 32%;}
.Twocol .col.sidebar .col {width: 100%;}
.Twocol .col.sidebar .col textarea {height: 96px;resize: vertical;}
.Twocol.with-sidebar .col.sidebar h1, .Twocol.with-sidebar h1 {background-position: 4px 29px;float: left;font-size: 20px;margin-bottom: 20px;
                                                               text-align: left;
                                                               width: 100%;
}


.Twocol.with-sidebar h1 {
background-position: center 37px;
font-size: 25px;
text-align: center;
}


section.content {
padding-top: 30px;
}


section.content.logo-slider {
background: transparent none repeat scroll 0 0;
}


.Twocol.with-sidebar .col.sidebar .col p {
float: right;
margin-top: 10px;
padding: 0;
width: 70%;
}

.Twocol.with-sidebar .col.sidebar .col .caption {
box-sizing: border-box;
float: left;
margin-top: 13px;
width: 30%;
}

span.wpcf7-not-valid-tip {
color: #f00;
display: block;
font-size: 12px;
}

div.wpcf7-validation-errors {
border: 2px solid #f7e700;
color: #000;
float: left;
font-size: 12px;
font-weight: normal;
line-height: 20px;
margin: 0;
padding: 5px 20px;
width: 100%;
}

div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
color: #000;
float: left;
font-size: 13px;
margin: 0;
padding: 5px 20px;
width: auto;
}

.home .Twocol .col:nth-child(2n) {
float: right;
padding-left: 10px;
width: 50%;
}


.home .Twocol .col {
box-sizing: border-box;
float: left;
padding: 0;
width: 50%;
}


.home section.content {
background: transparent none repeat scroll 0 0;
}

/* List style design on 9 Sep 2015 */


.entry-content > ul {
    box-sizing: border-box;
    float: left;
    list-style: inherit;
    margin: 10px 0 20px;
    padding-left: 20px;
    width: 100%;
}

.entry-content li {
color: #000;
float: left;
font-size: 14px;
list-style-position: inside;
list-style-type: disc;
margin-bottom: 3px;
width: 100%;
}
footer a {
color: rgba(255, 255, 255, 0.3);
}

footer a:hover{color: rgba(255, 255, 255, 0.6)}

footer.entry-footer{background:transparent;}
.phone_icon { float: right;font-size: 16px;margin-top: 12px;width: auto; margin-bottom:20px;}


/* Footer design changes on 28 sep 2015 */

footer h1 {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
    float: left;
    font-size: 22px;
    height: auto;
    margin: 0 0 15px;
    padding: 0 0 8px;
    width: 100%;
}

footer .textwidget h4 {
    float: left;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    width: 100%;
}


footer .textwidget p {
    color: rgba(255, 255, 255, 0.7);
    float: left;
    font-size: 13px;
    line-height: 23px;
    width: 100%;
}


footer .menu li a {
    color: rgba(255, 255, 255, 0.7) !important;
    float: left;
    font-size: 13px;
    line-height: 22px;
    width: 100%;
}


footer .contactDtl2 .call, .contactDtl2 a .mailus {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(255, 255, 255, 1);
    background-image: url("../images/customicon.png");
    background-origin: padding-box;
    background-position: 4px 3px;
    background-repeat: no-repeat;
    border-radius: 100%;
    height: 25px;
    margin-right: 10px;
    width: 25px;
}


.contactDtl2 a {
    color: #fff;
    font-family: "CenturyGothic-bold";
    font-size: 16px;
}

.contactDtl2 a .mailus {
    background-position: 3px -33px;
}


.contactDtl2 li {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}



footer .social .customIcon.fb {
    background-color: #3b5998;
    background-position: -154px -4px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 100%;
    height: 30px;
    text-align: center;
    width: 30px;
}


footer .social{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    float: left;
    margin-top: 5px;
    padding-top: 15px;
    width: 100%;
}
 .sticky-popup-right, .sticky-popup-left {
    margin-top: -75px !important;
    top: 50% !important;
}

.sticky-popup-right .popup-header {
    margin-top: 0 !important;
}


.Thrcol.footer1_sitemap {
    float: left;
    width: 100%;
}

footer .bottom-address {
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    clear: both;
    display: block;
    float: left;
    font-size: 14px;
    margin: 15px 0 0;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

.sticky-popup-right .popup-header {
    border-radius: 15px 0 0 15px !important;
    height: 157px !important;
}


.sticky-popup .popup-header {
    background-color: rgba(24, 57, 106, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}


.sticky-popup-right .popup-content {
    background: rgba(24, 57, 106, 0.9) none repeat scroll 0 0 !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.5);
    padding: 20px !important;
}


.sticky-popup .cntForm input, .sticky-popup .cntForm textarea {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0 !important;
    color: #000;
    max-width: 100% !important;
}

.sticky-popup-right .popup-title {
    font-weight: normal;
    line-height: 30px;
    padding: 12px 4px !important;
    text-transform: uppercase;
}


.sticky-popup .wpcf7-form .cntForm .btn {
    background: #3b93cb none repeat scroll 0 0 !important;
    width: 100%;
}

.sticky-popup .wpcf7-form .cntForm .btn:hover {background:#fff !important; color:#3b93cb !important;}

header.topBar.container .contactDtl a {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}



/*by salah*/


.sticky-popup-right .popup-title{writing-mode:unset !important}

h2.widgettitle{ display:none;}

#Header_Social{ padding-bottom:10px;}

#Header_Social .textwidget .customIcon{ 
	border-radius: 100%;
    text-align: center;
	margin-right:3px;
}

#Header_Social .textwidget a.fb{ 
 
}


.blog{
	 
	margin-bottom:25px;
}

 
.blog .Twocol .col {
    box-sizing: border-box;
    float: left;
    padding: 0 2% 0 0;
    width: 66%;
}
.blogstrong {
    font-family: "CenturyGothic-Bold",Arial,Helvetica,sans-serif;
    font-size: 16px !important;
    font-weight: normal;
    padding-bottom: 15px !important;
}

.blog p {
color: #000;
font-size: 14px;
line-height: 24px;
padding: 10px 0px ;
padding-right:10px;
}

.blog a {
color: #3665a9;

}


.blog small{margin-right:5px;}

.page-id-12 footer{ padding:0px !important;}

p.logged-in-as a{ color:#3665a9}
.nav-previous a, .reply a{ color:#3665a9}

#commentform p{ padding-left:0px !important;}

h2.screen-reader-text, h2.comments-title{color: #18396a; font-family: "CenturyGothic-Italic",Arial,Helvetica,sans-serif; font-size:20px;}

.single h1{ background: rgba(0, 0, 0, 0) url("../images/division.png") no-repeat left bottom; text-align:left;}

h3#reply-title{color:#18396a; font-family: "CenturyGothic-Italic",Arial,Helvetica,sans-serif;}

.blog b{ font-size:10px; font-style:normal !important; font-weight:100;}

.comment-form-comment label { display:block; }



.comment-meta { text-align:left; padding-left:20px;}








/* Responsive css starts here */

@media (max-width:1190px){

.container {width: 95%;}
.mainNav li {
padding: 0;
}

.map iframe {
float: left;
width: 100%;
}

}

@media (max-width: 1169px){
.banner img{ width:100%; bottom:0; position:absolute;}
}

@media (max-width:1141px){


.mainNav a {
font-size: 13px;
}


}

@media (max-width:1139px){


.mainNav a {padding: 10px 5px;}


.Twocol.with-sidebar .col.sidebar .col .caption img {
height: auto;
width: 100%;
}




}

@media (max-width:1054px){

.mainNav a {font-size:12px;}

}

@media (max-width: 1024px){
.content ul.menu li{ font-size:14px;}
}

@media (max-width:980px){ 

.Twocol .col {
margin-bottom: 20px;
padding: 0;
width: 100%;
}

.Twocol .col.sidebar {
border-left: 0 none;
border-top: 1px solid rgba(0, 0, 0, 0.07);
padding-left: 0;
padding-top: 20px;
width: 100%;
}  


.Twocol.with-sidebar .col.sidebar .col p {
float: left;
width: 200px;
}


.Twocol.with-sidebar .col.sidebar .col .caption {
width: auto;
}

.mainNav a {padding: 10px 3px;}

}







@media (max-width: 979px){
.mainNav{ display:none;}
.mainNav {background: #3665a9 none repeat scroll 0 0;border-radius: 0;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.6);margin-right: 0;padding: 0;position: absolute;right: 1px;text-align: center;top: 25px;width: 100%;z-index: 1;}
.mainNav ul li:first-child {border-top: 0 none;}
.mainNav ul li {border-bottom: 1px solid rgba(24, 57, 106, 0.5);border-top: 1px solid rgba(255, 255, 255, 0.1);display: block;float: left;margin-top: 0;padding: 0;width: 100%;}
.mainNav ul li a {color: #fff;float: left;font-family: "CenturyGothic-Bold",Arial,Helvetica,sans-serif;font-size: 15px;font-weight: normal;line-height: 15px;padding: 15px 0;text-align: center;width: 100%;}
.mainNav ul li:last-child {border-bottom: 0 none;}
.mainNav ul li:hover {background: #fff none repeat scroll 0 0;}
.mainNav ul li:hover a {color: #18396a;}
.topRight {position: relative;}
.banner{ height:300px;}
.Thrcol .col{ width:100%;}
.boxTop{ margin-top:0;}
.topRight .menu {display: block;}
.topRight .menu a {background-position: -46px -70px;color: #18396a;float: right;font-size: 14px;height: 34px;margin-right: 0;margin-top: 0;width: 35px;}
.mainNav ul li .Veffect {display: none;}
.content ul.menu li {background-size: 2%;}
.menu-our-specialty-container ul li a {line-height: 23px;}
.contactDtl {float: left;margin-top: 10px;width: 100%;}
.contactDtl li {float: left;margin-right: 30px;width: auto;}
.mainNav li:hover .sub-menu {
    opacity: 1;
    top: auto;
    visibility: visible;
}

.sub-menu {
    background: rgba(25, 104, 179, 0.95) none repeat scroll 0 0;
    display: none;
    float: left;
    min-height: 10px;
    position: relative;
    width: 100%;
}

.mainNav li:hover .sub-menu {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: block;
    opacity: 1;
    top: auto;
    visibility: visible;
    width: 100%;
}

.mainNav ul li:hover .sub-menu li a {
    color: #fff;
}

footer .footer1_sitemap .col.boxTop {
    float: left;
    margin: 0 0 30px;
}

.contactDtl {
    float: right;
    margin-top: 40px;
    width: auto;
}


header.topBar.container .contactDtl {
    float: right;
    margin-top: 40px;
    width: auto;
}
}
@media (max-width: 767px){
.logo{ display:block; text-align:center;}
.logo a{ display:block; margin:0 auto;}
.topRight{ display:block; text-align:center; padding:10px 0 0; float:none;}
.mainNav{ right:50%;  margin-right:-100px;}
.boxIcon{ padding-top:0; height:auto; width: auto;}
.boxCnt{ margin-top:0;}
.caption{ margin-top:10px;}
.caption img{ width:auto;}
.boxTop{ margin-top:20px;}
.Thrcol .col{ float:none;}
footer br{ display:block;}
.topRight {display: table;float: none;margin: 0 auto;padding: 10px 0 0;position: inherit;text-align: center;width: auto;}

.topRight .menu a {
    margin-left: 0;
    margin-top: 0;
}
.mainNav {
    left: 50%;
    margin-left: -47.5%;
    margin-right: 0;
    right: 0;
    top: 225px;
    width: 95%;
    z-index: 1;
}
.social {display: table;float: none;margin: 20px auto 0;}

.contactDtl {
    display: table;
    float: none;
    margin: 15px auto 0;
    width: auto;
}

header.topBar.container .contactDtl {
    float: none;
    margin-top: 15px;
    width: auto;
}
}
@media (max-width: 639px){
.banner{ height:195px;}
.disnon{ display:none;}
}

@media (max-width:480px){


.home .Twocol .col {
    box-sizing: border-box;
    float: left;
    padding: 0;
    width: 100%;
}


.home .Twocol .col:nth-child(2n) {
    float: right;
    padding-left: 10px;
    width: 100%;
}

.home .Twocol .col:nth-child(2n) .caption {
    float: left;
    margin: 0;
    padding: 0;
    width: 30%;
}


.home .Twocol .col:nth-child(2n) > p {
    float: left;
    margin: 0;
    padding: 0;
    width: 70%;
}

}

@media (max-width:350px){

.logo {
    display: block;
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.logo a {
    background-size: 100% auto;
    float: left;
    width: 100%;
}

}