/*
Theme Name: OTN (Divi Child Theme)
Description: OTN customized Divi Child Theme
Author:  OTN
Author URI:  https://otn.ca
Template: Divi
Version:  1.0.0
*/

 
/* =Theme customizations
------------------------------------------------------- */

@font-face {
    font-family: Proxima Nova;      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-ThinIt.otf);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-ThinIt.woff2);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-ThinIt.woff);      
    font-weight: 200;
    font-style:italic;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Thin.otf);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNovaT-Thin.woff);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNovaT-Thin.woff2);      
    font-weight: 200;
    font-style:normal;
}
@font-face {
    font-family: Proxima Nova;      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-LightIt.otf);    
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-LightIt.woff2);    
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-LightIt.woff);    
    font-weight: 300;
    font-style:italic;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Light.otf);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Light.woff2);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Light.woff);      
    font-weight: 300;
    font-style:normal;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Sbold.otf);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Semibold.woff2);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Semibold.woff);      
    font-weight: 600;
    font-style:normal;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-SboldIt.otf);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-SboldIt.woff2);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-SboldIt.woff);      
    font-weight: 600;
    font-style:italic;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-BoldIt.otf);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-BoldIt.woff2);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-BoldIt.woff);      
    font-weight: 700;
    font-style:italic;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Bold.otf);     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Bold.woff2);     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Bold.woff);     
    font-weight: 700;
    font-style:normal;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-XboldIt.otf);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-XboldIt.woff2);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-XboldIt.woff);      
    font-weight: 800;
    font-style:italic;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Xbold.otf);    
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Xbold.woff2);    
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Xbold.woff);    
    font-weight: 800;
    font-style:normal;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-BlackIt.otf);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-BlackIt.woff2);      
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-BlackIt.woff);      
    font-weight: 900;
    font-style:italic;
}
@font-face {
    font-family: Proxima Nova;     
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Black.otf);   
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Black.woff2);   
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Black.woff);   
    font-weight: 900;
    font-style:normal;
}
@font-face {
    font-family: Proxima Nova;  
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Reg.otf);  
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Regular.woff);  
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Regular.woff2);  
    font-weight: 400;
    font-style:normal;
}
@font-face {
    font-family: Proxima Nova;   
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-RegIt.otf);  
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-RegularIt.woff);  
    src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-RegularIt.woff2);  
    font-weight: 400;
    font-style:italic;
}


body{font-size:18px;font-family: "Proxima Nova";font-weight: 400;}
p{font-size:18px;font-family: "Proxima Nova";font-weight: 300;color:#6A6A6A;line-height:20px;}
#main-footer {background-color: #2d2d2d;}
.service-box h3 {color: #0078C9;font-family: "Proxima Nova";font-size: 28px;font-weight: 300;line-height: 30px;}
.service-box p {font-family: "Proxima Nova";    font-size: 16px;    font-weight: 300;   line-height: 20px;}
.service-box h5 {color: #6A6A6A;font-family: "Proxima Nova";font-size: 16px;font-weight: 300;line-height: 20px;text-transform:uppercase;}
.page-banner {margin-top: -60px !important;}
#footer-bottom {padding: 15px 0 5px;background-color: #1f1f1f;background-color: rgb(45, 45, 45);}
.et-social-icons {float: left;margin-top: 5px;margin-right: 15px;}
.text-center {margin: 0 auto;text-align: center;}
hr {box-sizing: border-box; height: 2px;width: 100%;border: 1px solid #7b7b7b;}
ul#menu-footer-menu { background: #2D2D2D; margin-top: 0px; }
ul#menu-footer-menu a{color: #dedddd;font-size: 22px;font-weight: 200;line-height: 32px;text-align: center;}
ul#menu-footer_menu_fr { background: #2D2D2D; margin-top: 0px; }
ul#menu-footer_menu_fr a{color: #dedddd;font-size: 22px;font-weight: 200;line-height: 32px;text-align: center;}
.container {width: 100%;}
.col-md-12 {width: 100%;float: left;}
.col-md-4 {width: 33.33%;float: left;}
.col-md-3 {width: 25%;float: left;}
.col-md-1 {width: 8.33%;float: left;}
.col-md-2 {width: 16.66%;float: left;}
.col-md-8 {width: 66.64%;float: left;}
.et-social-icon a {display: inline-block;position: relative;color: #fff;font-size: 20px;text-decoration: none;transition: color .3s ease 0s;float: right;text-align: right;}
.col-md-12.nnnn span {color: #dedddd;float: left;font-weight: 200;line-height: 32px;font-size: 22px;}
.hmpage-services h3 {margin:0 auto;height: 52px;    color: #0078C9; font-family: "Proxima Nova";    font-size: 22px;    font-weight: 300;   line-height: 26px;  text-align: center;}
.et_pb_row.et_pb_row_6.hmpage-services {max-width: 780px;}
.max-940 {max-width: 940px;}
.banner-btn a {color: #ffffff!important;font-size: 28px;background-color: #0B5351;margin: 19px;padding: 20px;width: 100% !important;float: left;text-align: center;max-width: 319px;}
.banner-heading h1{width: 380px;    color: #0078C9; font-family: "Proxima Nova";    font-size: 40px;    font-weight: 300;   line-height: 48px;}
.service-box .et_pb_css_mix_blend_mode_passthrough{border-radius: 6px;  background-color: #FFFFFF;  box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);}
.service-box .btn.btn-green {position: relative;top: 10px;}
a.btn.btn-green {height: 36px;border-radius: 3px;background-color: #0B5351;color: #fff;padding: 10px 30px;}
a.btn.btn-green:hover {background-color:#035E9C;}
a.btn.btn-big {border-radius: 6px;background-color: #0B5351;color: #fff;font-size: 28px;font-weight: 600;line-height: 24px;text-align: center;padding: 2% 9%;}
a.btn.btn-big:hover {background-color: #035E9C;}
.services-box h4  {color: #0078C9 !important;font-family: "Proxima Nova";font-size: 16px;font-weight: 300;line-height: 20px;   text-align: center;border-bottom: 1px solid #D8D8D8;margin-bottom: 9px;}
#related-solu h4  {margin-top: 20px;color: #0078C9;font-family: "Proxima Nova";font-size: 22px; font-weight: 300;line-height: 26px; text-align: center;}

.services-box .et_pb_text_inner {
    /**height: 219px;*/
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);
    margin: 0 auto;    min-height: 215px;
    margin-top: 2px;
    padding: 20px 10px 5px 10px;
    width: 205px;
}
.services-box img {
    max-width: 95px;
    max-height: 95px;
}
#related-solu .et_pb_text_inner{height: 205px;width: 219px;border-radius: 6px;background-color: #FFFFFF;box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);margin:0 auto;}
div#top-header {display: none !important;}
.hmpage_banner h1{color: #0078C9 !important;font-family: "Proxima Nova";font-size: 40px;font-weight: 300;line-height: 48px;}
a.banner-btn-a {display: inline-block;text-align: center;width: 270px;border-radius: 6px;background-color: #0B5351;color: #fff;float: left;font-size: 28px;font-weight: 600;line-height: 24px;padding: 23px 10px;}
a.banner-btn-a:hover {background-color:#035E9C;}
.latestotn-slider .et_pb_slides .et_pb_slider_container_inner {display: block;width: 100%;vertical-align: middle;height: 205px;border-radius: 6px;background-color: #FFFFFF;box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);margin: 0 auto !important;}
.latestotn-slider .et_pb_slide_image img {width: 100%;height: 238px !important;
    max-height: unset !important;}
.latestotn-slider .et_pb_slide_image { max-height: 520.8px;height: 205px;border-radius: 6px 0 0 6px;background-color: #9B9B9B;box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);}
.latestotn-slider h2.et_pb_slide_title a {color: #0078C9;font-family: "Proxima Nova";font-size: 28px;font-weight: 300;line-height: 30px;float: left;text-align: left;padding: 10%;    text-shadow: none !important;}
.latestotn-slider .et_pb_slide_description, .latestotn-slider .et_pb_slider_fullwidth_off .et_pb_slide_description {padding: 0px;}
.latestotn-slider .et_pb_post_slider .et_pb_slide {padding: 2px;}
.latestotn-slider .et-pb-controllers {position: relative;bottom: -15px;}
.hmpage-counter h2{color: #FFFFFF !important;  font-family: "Proxima Nova";font-size: 40px;font-weight: 900;line-height: 49px; text-align: center;}
.hmpage-counter p{font-size: 22px;font-weight: 300;line-height: 26px;text-align: center;color:#fff;}
.latestotn-slider .et-pb-arrow-next, .latestotn-slider .et-pb-arrow-prev {top: 40%;}
.et_pb_slider_container_inner {height: inherit !important;}
button.et_pb_contact_submit.et_pb_button {border-radius: 6px;background-color: #0B5351;color: #fff;font-weight: 600;line-height: 24px;text-align: center;}
button.et_pb_contact_submit.et_pb_button:hover {background-color: #035E9C;}
.et_contact_bottom_container {float: none;margin-top: -1.5%;text-align: center;}
.et_pb_contact label {color: #0078C9;}
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_subscribe .et_pb_contact_field input, .et_pb_subscribe .et_pb_contact_field textarea {margin-top: 6px; font-size: 14px;line-height: 24px;}
input.wpcf7-form-control.wpcf7-submit.btn.btn-green {background: red;border: none;border-radius: 3px;background-color: #0B5351 !important;color: #fff;font-size: 20px;font-weight: 300;line-height: 26px;text-align: center;padding: 8px 25px;}
input.wpcf7-form-control.wpcf7-submit.btn.btn-green:hover {background: #035E9C;}
.et_pb_contact p.text-center{font-size:14px;color: #f00;margin-top: 25px;}
.hmpage_banner:before{content: "";position: absolute;display: block;left: -10px;width: 60%;height: 101%;top: 0;
	/**background: red;**/background: linear-gradient(to right, #fff 60%, transparent 100%);}
.et_pb_contact label span {color: #6A6A6A;font-size: 14px;}
.et_pb_slide_image {height: 100%;position: relative;top: 0px;}
.et_pb_slide_image {margin-top: 0 !important;float: left;position: unset;}
.et_pb_slide_image img {max-height: 238px !important;}
span.wpcf7-not-valid-tip {font-size: 14px;color: #f00 !important;}
.et_pb_section.et_pb_section_1.et_pb_with_background.et_section_regular {padding-bottom: 0px;margin-bottom:20px;}
a.backtoparent{color:#0097fd;font-weight: 400;}

.big-blue .smalldesc{max-height: 2500px;}
.team_readmore-div, .big-blue .team_readmore > div:before{
animation:opa; -webkit-animation:opa; 
animation-duration: .5s;
-webkit-animation-duration: .5s;
}
.et_search_outer {
    display: none !important;
}
.support-page .col-md-6 a {
    pointer-events: none;
    font-size: 18px;
    font-family: "Proxima Nova";
    font-weight: 300;
    color: #6A6A6A;
    line-height: 22px;
}
.big-blue .team_readmore > div{font-size: 0px; color:#fff;}
.team_readmore > div{font-size: 16px; transition: all 1s ease; -webkit-transition: all 1s ease; color: #167ac7; }
@keyframes opa{
0%{opacity: 0;}
100%{opacity: 1;}
}
-webkit-@keyframes opa{
0%{opacity: 0;}
100%{opacity: 1;}
}
.smalldesc {max-height: 0px;}
section#text-3 p {    color: #dedddd;
    width: 152px;font-size: 20px;
    float: left;
    margin-top: 5px;
}
section#text-6 p {    color: #dedddd;
    width: 220px;font-size: 20px;
    float: left;
    margin-top: 5px;
}
 .color-default-theme h3{color: #0078C9 !important;}



#footer-bottom p{color: #dedddd;font-family: "Proxima Nova";font-size: 18px;font-weight: 200;line-height: 22px; text-align: center;padding: 10px;}
#footer-info, #footer-info a {color: #dedddd;font-size: 18px;font-weight: 200;line-height: 22px;}
#main-footer .col-md-3.text-center img {margin-top: 40px;}
#footer-bottom .col-md-2 img {max-width: 125px;margin-left: 10%;}
.col-md-12.nnnn {margin-top: 7px;margin-bottom: 0px;padding-left: 15px;}
.bottom-nav li:last-child{border-right:none;}
.services-block img{height: -moz-available;}
.col-md-6.team_degignation h3 {font-weight: 300;color: #0078C9;font-family: "Proxima Nova";font-size: 20px;margin-bottom: -5px;text-align: left;}
#footer-info a {text-decoration: underline;}
.smalldesc {overflow: hidden;transition: all .3s ease;text-align: left;} 
.smalldesc.expand, .big-blue {max-height: 2500px;}
.col-md-6.team_degignation p{text-align:left;}
section#main-hdr {background: #167ac7;color: #fff;padding: 8px 0px 40px;}
section#main-hdr a {color: #fff;padding: 5px 21px 10px 0px;}
#top-menu li li a {color: rgba(0,0,0,.6);}
.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular:after {content: "";position: absolute;display: block;left: 0px;width: 50%;height: 101%;top: 0;
	background: linear-gradient(to right, #fff 60%, transparent 100%);
	background: linear-gradient(top, rgba(255,255,255,0,0.95) 75%, #fff 5%, #fff 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0,0.95) 75%, #fff 5%, #fff 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,0,0.95) 75%, #fff 5%, #fff 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0,0.95) 75%, #fff 5%, #fff 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0,0.95) 75%, #fff 5%, #fff 100%);
}
.support-page h3 {color: #0078C9;}
a.team_readmore {position: absolute;bottom: -25px;left: 0;right: 0;}
.smalldesc.big-blue a.team_readmore {display: none !important;}
.bottom-nav {padding: 20px 15px 10px;}
.service-p {/**position: absolute;*/ bottom: 15px;left: 0;right: 0;max-height: 105px;overflow: hidden;}
.services-block a.btn.btn-green {padding: 8px 30px;/**position: absolute;*/bottom: 22px;min-width: 182px;text-align: center;}
h1, h2, h3, h4, h5, h6{font-family: "Proxima Nova";font-weight: 600;}
li {
    font-size: 18px;
    font-family: "Proxima Nova";
    font-weight: 300;
}
#top-menu li.current-menu-ancestor>a {color:#fff;}
div.et_pb_section.et_pb_section_0 {padding-bottom: 0px;}
div#readm_blue:last-child {float: left;}
.col-md-6.team_degignation {text-align: center;}
.backtohome a {line-height: 20px !important;}
.error404 #content-area {padding: 15px;}
.error404 #sidebar {display: none !important;}




@media (max-width: 1024px) {
    .bottom-nav {text-align: left;padding: 15px;}
    .col-md-12.nnnn span {padding: 0px 15px;}   
    /**.services-block {padding-bottom: 25px;}*/
    
}   
@media (min-width: 981px){
    .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {margin-right: 4.5%;}
    
    
    
}


@media (max-width: 767px) {
    a.btn.btn-big {font-size: 100% !important;padding: 5% 10%;}
    .services-box .et_pb_text_inner{width:100% !important;}
    .col-md-3, .col-md-1, .col-md-2, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {width:100% !important;float:left;} 
    .col-md-12.nnnn {padding: 10px;}
    #footer-bottom .col-md-2 img {margin: 20px !important;}
    .bottom-nav li {display: block;text-align: center;}
    .col-md-12.nnnn span, .et-social-icons {float: none;}
    #main-footer, .col-md-12.nnnn {text-align: center;}
    .leader-team p {text-align: center;}    
	.smalldesc {width: 100%;}   
	.col-md-6.team_degignation {text-align: center;}    
	.col-md-6.team_degignation_img img {padding-bottom: 15px;max-height: 306px;width: auto;margin: 0 auto;float: none;text-align: center;display: block;} 
}
@media (max-width: 959px) {
.ubermenu .ubermenu-item-layout-icon_left>.ubermenu-target-title .et_pb_column {color: #fff;}

}



 @media all and (-ms-high-contrast:none)
 {
     .et_pb_slide_image{margin-top:-120px !important} /* IE10 */
     *::-ms-backdrop, .et_pb_slide_image{margin-top:-120px !important} /* IE11 */
 }


@media (min-width: 768px) {
     .col-md-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
     .col-md-10 {width: 83.333%;}
     .col-md-9 {width: 74.97%;}
     .col-md-3 {width: 24.99%;}
     .col-md-6 {width: 49.98%;}
     .col-md-6.team_degignation{width: 50%;}
     .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
     .bottom-nav li {border-right: 1px solid #fff;margin-right: 10px;line-height: 15px;}
     ul#menu-footer-menu a {line-height: 17px;}
	 ul#menu-footer_menu_fr a {line-height: 17px;}
    .col-md-6.team_degignation {bottom: 0;right: 0;padding: 0px 10px;}
	.cta-section2 .et_pb_text_inner{border-left: 1px solid #fff;border-right: 1px solid #fff;}

}

@media (max-width: 479px) {
    .services-box .et_pb_text_inner {width: 240px !important;}
    .services-block img {width: 100%;display: block;height: auto !important;max-height: unset;}
    
    
}   


@media (max-width: 599px) {
    .services-block {padding-bottom: 25px;}

    
    
}

a{color:#0078C9 ;}
.page-id-4162 .services-box-3.no-icons .h4divclass {min-height: 125px;}
.ubermenu-current-menu-parent li#menu-item-4307 a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.internal-link span, .ubermenu-current-menu-parent li#menu-item-4309  a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.internal-link span {border: transparent;}

/**
li#menu-item-4194 a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span, li#menu-item-4339 a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span, li#menu-item-4246 a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span {
    border-bottom: transparent !important;
}
**/
li#menu-item-4339 a.ubermenu-target span.ubermenu-target-title.ubermenu-target-text:hover {
    border-bottom: 1px solid #167ac7 !important;
}
li#menu-item-4194 a.ubermenu-target span.ubermenu-target-title.ubermenu-target-text:hover {
    border-bottom: 1px solid #167ac7 !important;
}
li#menu-item-4246 a.ubermenu-target span.ubermenu-target-title.ubermenu-target-text:hover {
    border-bottom: 1px solid #167ac7 !important;
}
li#menu-item-4307 a.ubermenu-target span.ubermenu-target-title.ubermenu-target-text:hover {
    border-bottom: 1px solid #167ac7 !important;
}
li#menu-item-4309 a.ubermenu-target span.ubermenu-target-title.ubermenu-target-text:hover {
    border-bottom: 1px solid #167ac7 !important;
}
.ubermenu-submenu-id-7118 li ul li ul li a span{
	padding-left: 10px;
}

#ubermenu-nav-main-1921-primary-menu li a{
	padding-left: 15px !important;
}
#ubermenu-nav-main-1921-primary-menu li:not(:nth-last-child(-n+2)) a{
	border-right: 1px solid white;
}