/*
Theme Name: QUAY Electrical Theme
Theme URI: https://wordpress.org/themes/twentyseventeen/
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.7
*/


/*======================================SET: FONTS========================================*/
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/*
font-family: 'Catamaran', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
/*======================================END: FONTS========================================*/
/*====================================== RESET ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset,img { border: 0;}
address,caption,cite,code,dfn,em,th,var {font-style: normal;font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: bold;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;}
.clear_0 {clear: both;font-size: 0px;line-height: 0px;display: block;}
.last {margin: 0 !important;}
.pad_last {padding: 0 !important;}
.no_bg {background: none !important;}
img { width: auto;height: auto;max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
/*=====================================================================================*/

/*====================================== BASIC ========================================*/
a { color: #000; text-decoration: none;outline: 0 none; font-family: 'Open Sans', sans-serif;}
a:hover {color: #000;text-decoration: none;}
a:focus {outline: none; text-decoration: none; }
h1 { font-size: 88px; line-height: 103px; font-family: 'Catamaran', sans-serif; font-style: normal; font-weight: 800; }
h2 { font-size: 52px; line-height: 68px; font-family: 'Catamaran', sans-serif; font-style: normal; font-weight: 800; }
h3 { font-size: 36px; line-height: 41px; font-family: 'Catamaran', sans-serif; font-style: normal; font-weight: 800; }
h4 { font-size: 28px; line-height: 41px; font-family: 'Catamaran', sans-serif; font-style: normal; font-weight: 800; }
h5 { font-size: 24px; line-height: 35px; font-family: 'Catamaran', sans-serif; font-style: normal; font-weight: 800; }
h6 { font-size: 20px; line-height: 30px; font-family: 'Catamaran', sans-serif; font-style: normal; font-weight: 300; }
p { font-size: 17px; color: #333333; line-height: normal; font-family: 'Heebo-Medium', sans-serif; }
/*=====================================================================================*/
html {}
body { font-family: 'Heebo-Regular', sans-serif; font-size: 17px; color: #666666; line-height: 26px; }
.flt_Lt {float: left; display: inline;}
.flt_Rt {float: right; display: inline;}
.remove_padding {padding: 0!important;}
*{box-sizing: border-box;}
*:focus{outline: none; box-shadow: none; }
/*=====================================================================================*/


/*======================================== LAYOUT =====================================*/
.wrapper {margin: 0 auto; position: relative; background-color: #ffffff;}
.container {max-width: 1340px; width: 100%; margin: 0 auto;box-sizing: border-box; padding: 0px 15px;}
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
.white h3 { color: #ffffff;}
.white p { color: #ffffff;}
/*=====================================================================================*/

/*===================================SET: HEADER HERE=====================================*/
/*---------------SET: RESPONSIVE HAMBURGER--------------*/
#nav-toggle { width: 45px; height: 40px; right: 25px; top: 40px; z-index: 22; padding: 0; display: none; position: absolute; -webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out; }
#nav-toggle { cursor: pointer; }
#nav-toggle a { display: block; vertical-align: middle; height: 100%; position: relative;}
#nav-toggle span { margin: 8px;}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after {cursor: pointer; -webkit-border-radius: 1px; -o-border-radius: 1px;-moz-border-radius: 1px;-ms-border-radius: 1px; height: 2px; width: 30px; background: #1C4F78;position: absolute;top: 8px;display: block;content: "";}
#nav-toggle span:before {top: -12px; width: 30px; right: 0; }
#nav-toggle span:after {bottom: -12px;top: auto; width: 30px; right: 0;}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after {-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
#nav-toggle.current_page_item span { background-color: transparent; background: none;}
#nav-toggle.current_page_item span:before,#nav-toggle.current_page_item span:after {top: 0;}
#nav-toggle.current_page_item span:before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);-moz-transform: rotate(45deg); transform: rotate(45deg); width: 33px;}
#nav-toggle.current_page_item span:after { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);    transform: rotate(-45deg); width: 33px;}
/*---------------END: RESPONSIVE HAMBURGER--------------*/
/*---------------SET: NAVBAR--------------*/
header { background-color: #f2f2f2;}
.logo { float: left; padding: 30px 0px 30px 40px; }
.logo>a { display: inline-block; vertical-align: middle; max-width: 208px; width: 100%; }
.menu_main { float: right; }
.menu { float: left; }
.menu nav { padding: 30px 0px; }
.menu ul { float: left; padding: 15px 0px; }
.menu ul li { float: left; padding: 0px 20px; line-height: 30px; display: inline-block; vertical-align: middle; }
.menu ul li a { display: inline-block; vertical-align: middle; font-family: 'Catamaran', sans-serif; font-size: 18px; line-height: 18px; font-weight: 600; text-transform: capitalize; color: #000000; }
.menu ul li:hover a{ color: #6D6F71 }
.menu ul li.active a{ color: #6D6F71 }
.menu form { float: left; padding: 14px 20px 13px; }
header form input { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; color: #6D6F71; padding: 4px 25px; background-color: #f2f2f2; border: none; border-bottom: 1px solid #6D6F71; max-width: 200px; width: 100%; position: relative; background-image: url(images/search_icon.png); background-repeat: no-repeat; background-position: left center; background-size: auto auto; }
.menu form input { }
.call { float: left; background-color: #03ADEF; padding: 30px;}
.call li a { display: inline-block; vertical-align: top; color: #ffffff; }
.call li:first-child a { font-family: 'Catamaran', sans-serif; font-weight: 800; font-size: 24px; line-height: 34px; letter-spacing: -2% }
.call li:last-child a { display: inline-block; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; text-align: center; margin-left: 35px; border-bottom: 1px solid #ffffff; border-bottom-style: dotted; }
/*---------------END: NAVBAR--------------*/
/*---------------SET: HEADING--------------*/
.heading { text-align: center; }
.heading h2 { color: #1C4F78; padding: 6px 0px; }
.heading em { font-family: 'Catamaran', sans-serif; line-height: 36px; font-size: 24px; color: #000000; display: block; }
/*---------------END: HEADING--------------*/
/*===============================END: HEADER===============================*/

/*===============================SET: INDEX===============================*/
/*-------SET: BANNER SEC HERE-----*/
.banner { background-image: url(images/bg.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; padding: 100px 0px; }
.banner_in { position: relative; }
.banner_cont { max-width: 750px; width: 100%; }
.ban_head { margin-bottom: 58px; }
.ban_head h1 { color: #ffffff; margin-bottom: 12px; }
.ban_head em { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 64px; font-size: 42px; color: #FFFFFF; display: block; }
.butn { display: inline-block; vertical-align: middle; max-width: 300px; width: 100%; font-family: 'Open Sans', sans-serif; line-height: 56px; font-size: 18px; text-align: center; text-transform: uppercase; color: #FFFFFF; border: 2px solid #ffffff; border-radius: 30px; }
.butn:hover { background-color: #ffffff; }
.ban_btn .butn:first-child { margin-left: 0px; }
.ban_btn .butn:last-child { margin-right: 0px; }
.ban_graphic { position: absolute; top: -70px; right: 0; }
/*-------END: BANNER SEC HERE-----*/
/*-------SET: CHOOSE US SEC HERE-----*/
.choose_us { background: #1C4F78; position: relative; }
.choose_us .top_right { position: absolute; top: 0; right: 0; opacity: 0.04; }
.choose_us .bottom_left { position: absolute; bottom: 0; left: 0; opacity: 0.04; }
.choose_us_in { padding: 80px 0px; text-align: center; position: relative; z-index: 1; }
.choose_us_in .heading { margin-bottom: 70px; }
.choose_us_in .heading h2 { color: #ffffff; padding: 0px; }
.choose_us_in .heading em { color: #6D9ABE; }
.choose_us_in li { width: 25%; float: left; }
.choose_box { max-width: 280px; width: 100%; margin: 0 auto 40px; }
.choose_img { margin-bottom: 25px; line-height: 70px; }
.choose_cont h5 { color: #FFFFFF; margin-bottom: 12px; }
.choose_cont p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #E8EDF1; }
.choose_us_in .butn { background-color: #ffffff; color: #03ADEF; max-width: 240px; line-height: 44px; }
.choose_us_in .butn:hover { background-color: transparent; color: #ffffff; }
/*-------END: CHOOSE US SEC HERE-----*/
/*-------SET: WIRED SEC HERE-----*/
.wired_in { padding: 32px 0 85px; overflow: hidden; }
.wired_head_main { margin-bottom: 40px; }
.wired_spark { text-align: center; margin-bottom: 12px; }
.wired_spark img { height: 28px; width: auto; }
.heading.wired_head h2 { color: #03ADEF; }

.wired_wrap li { width: 25%; float: left; position: relative; }
.wired_wrap li:nth-child(1):after { content:""; position: absolute; right: -100px; top: -130px; background-image: url(images/wired1.png); background-position: center center; background-size: auto; background-repeat: no-repeat; height: 208px; width: 185px; }
.wired_wrap li:nth-child(2):after { content:""; position: absolute; right: 40px; top: -25px; background-image: url(images/wired5.png); background-position: center center; background-size: auto; background-repeat: no-repeat; height: 81px; width: 49px; }
.wired_wrap li:nth-child(3):after { content:""; position: absolute; left: 60px; top: -25px; background-image: url(images/wired6.png); background-position: center center; background-size: auto; background-repeat: no-repeat; height: 83px; width: 49px; }
.wired_wrap li:nth-child(4):after { content:""; position: absolute; left: -105px; top: -120px; background-image: url(images/wired3.png); background-position: center center; background-size: auto; background-repeat: no-repeat; height: 177px; width: 206px; }
.wired_wrap li:nth-child(5):after { content:""; position: absolute; right: -107px; top: -300px; background-image: url(images/wired2.png); background-position: center center; background-size: auto; background-repeat: no-repeat; height: 352px; width: 216px; }
.wired_wrap li:nth-child(6):after { content:""; position: absolute; left: 20px; top: -280px; background-image: url(images/wired8.png); background-position: center center; background-size: auto; background-repeat: no-repeat; height: 363px; width: 86px; }
.wired_wrap li:nth-child(7):after { content:""; position: absolute; left: 40px; top: -225px; background-image: url(images/wired7.png); background-position: center center; background-size: auto; background-repeat: no-repeat; height: 276px; width: 69px; }
.wired_wrap li:nth-child(8):after { content:""; position: absolute; left: -105px; top: -300px; background-image: url(images/wired4.png); background-position: center center; background-size: auto; background-repeat: no-repeat; height: 323px; width: 242px; }
.wired_wrap .wired_box { max-width: 240px; width: 100%; margin: 0 auto 50px; text-align: center; }
.wired_wrap .wired_img { padding: 5px; margin-bottom: 25px; }

.wired_in .butn { background: #03ADEF; box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -webkit-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -moz-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -ms-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -o-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); line-height: 44px; max-width: 240px; margin: 0 auto; display: block; border: 2px solid #03ADEF; font-size: 16px; position: relative; }
.wired_in .butn:hover { background-color: #ffffff; color: #03ADEF; }
.wired_in .butn:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -530px; width: 520px; height: 6px; background-image:  url(images/dots_lt.png); background-size: auto auto; background-repeat: no-repeat; background-position: top right; }
.wired_in .butn:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -530px; width: 520px; height: 6px; background-image:  url(images/dots_rt.png); background-size: auto auto; background-repeat: no-repeat; background-position: top left; }
/*-------END: WIRED US SEC HERE-----*/
/*-------SET: MAP AND TYPE SEC-----*/
.map_loc { float: right; width: 30%; background-color: #03ADEF; padding: 60px 0px 90px 80px; position: relative; }
.loc_img { margin-bottom: 15px; }
.map_loc h3 { color: #ffffff; margin-bottom: 25px; }
.map_loc .resp-tabs-list li { background-color: transparent!important; border: none; padding: 0; display: block; float: none; margin-bottom: 5px; }
.map_loc .resp-tabs-list li em { font-family: 'Open Sans', sans-serif; line-height: 42px; font-size: 20px; color: #ffffff; display: inline-block; vertical-align: middle; padding: 0px 20px; border-radius: 30px;}
.map_loc .resp-tabs-list li em:hover { background-color: #ffffff; color: #1C4F78; }
.map_loc .resp-tabs-list li.resp-tab-active{ background-color: transparent; border: none; padding: 0!important; margin-bottom: 5px!important; color: #1C4F78; }
.map_loc .resp-tabs-list li.resp-tab-active em{ background: #FFFFFF; color: #1C4F78; box-shadow: inset 0px 3px 6px rgba(28, 79, 120, 0.2); -webkit-box-shadow: inset 0px 3px 6px rgba(28, 79, 120, 0.2); -moz-box-shadow: inset 0px 3px 6px rgba(28, 79, 120, 0.2); -ms-box-shadow: inset 0px 3px 6px rgba(28, 79, 120, 0.2); -o-box-shadow: inset 0px 3px 6px rgba(28, 79, 120, 0.2); }
.tripper_img { position: absolute; bottom: 0; right: 0;}
.map_img_sec { position: relative; }
.map_img_sec > img { width: 100%; }
.map_type .resp-tabs-container { width: 70%; float: right; padding: 0;  }
.map_type .resp-tab-content { padding: 0; height: 100%; }
.map_type .map_img_sec { height: 100%; }
.map_type .map_img_sec img { height: 100%; object-fit: cover; }

.type_sec { position: relative; text-align: center; }
.type_head_wrap { position: absolute; top: -44px; z-index: 1; display: inline-block; left: 50%; transform: translateX(-50%); }
.type_sec_head { position: relative; }
.type_sec_head h2 { line-height: 88px; padding: 0px 40px; background-color: rgba(255, 255, 255, 0.84); font-family: 'Catamaran', sans-serif; line-height: 88px; color: #1C4F78; position: relative;  }
.type_sec_head h2:before { content:""; position: absolute; left:-30px; top: 0px; height: 100%; width: 30px; background-image: url(images/no_matter_bef.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top center;  }
.type_sec_head h2:after { content:""; position: absolute; right:-30px; top: 0px; height: 100%; width: 30px; background-image: url(images/no_matter_aft.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top center;  }
/*.type_sec_head h2 { line-height: 88px; padding: 0px 40px; background-color: #ffffff; font-family: 'Catamaran', sans-serif; line-height: 88px; color: #1C4F78; }*/
.type_sec_head span { position: absolute; top: -65px; z-index: -1; left: 0; right: 0; margin: 0 auto; }
.type_sec li { width: 25%; float: left; position: relative; }
.type_sec li a { display: block; }
.type_sec li img { width: 100%; }
.type_sec li i { position: absolute; bottom: 60px; display: block; font-family: 'Catamaran', sans-serif; font-weight: 800; line-height: 40px; font-size: 28px; text-align: center; color: #FFFFFF; width: 100%; }
.type_sec li i a {color: #FFFFFF;}
.type_sec li i b { display: block; opacity:1; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; text-align: center; color: #FFFFFF; }
.type_sec li:hover i b { opacity: 1; }
/*-------END: MAP AND TYPE SEC-----*/
/*-------SET: CLIENT LOGO SEC-----*/
.client { color: #E5E5E5; }
.client_in { padding: 80px 0px 120px; }
.client_logo_sec li { display: inline-block; vertical-align: middle;vertical-align: middle; padding: 15px 40px;  }
.client_logo_sec li a { display: inline-block; }
.licensed { padding-top: 80px; text-align: center; }
.sub_heading { margin-bottom: 20px; }
.sub_heading h3 { color: #1C4F78; padding: 10px 0px; }
.licensed li { width: 20%; float: left; text-align: center; background-color: #F4F6F8; }
.licensed li:nth-child(even) { background-color: #E8EDF1 }
.licensed li { display: inline-block; vertical-align: middle; padding: 40px; line-height: 80px; }
/*-------END: CLIENT LOGO SEC-----*/
/*-------SET: COMMENT SEC HERE-----*/
.comment { padding: 50px 0px; background-color: #F2F2F2; text-align: center; }
.comment .heading { margin-bottom: 90px; }
.comment_main { width: 100%; }
.comment_main { padding-top: 50px; }
.comment_main .slick-list { padding-top: 50px; }
.comment_main li { width: 33.33%; float: left; }
.comment_main .slick-dots { bottom: 0px; }
.comment_main .slick-dots li { padding: 0; width: 20px; float: none;}
.comment_box { max-width: 420px; width: 100%; margin: 0 auto 56px; text-align: center; box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -webkit-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -moz-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -ms-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -o-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); background-color: #ffffff; position: relative; padding: 60px 40px 25px; }
.comment_img { position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; height: 80px; width: 80px; border-radius: 50%; box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -webkit-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -moz-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -ms-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -o-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); }
.name_desi h6 { font-family: 'Open Sans', sans-serif; line-height: 24px; font-size: 16px; font-weight: bold; color: #6D6F71; }
.name_desi em { font-family: 'Open Sans', sans-serif; display: block; line-height: 21px; font-size: 14px; color: #6D6F71; }
.content p { font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 300; line-height: 36px; font-size: 24px; color: #000000; }
.comment_in .butn { max-width: 240px; width: 100%; margin: 0 auto; float: none; line-height: 44px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #FFFFFF; background-color: #1C4F78; border: 2px solid #1C4F78; box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -webkit-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -moz-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -ms-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -o-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); }
.comment_in .butn:hover { color: #1C4F78; background-color: #ffffff; }
/*-------END: COMMENT SEC HERE-----*/
/*-------SET: CONTACT TAB SEC-----*/
.contact_tab .tab { width: 50%; float: left; background-size: cover; background-repeat: no-repeat; background-position: top center; text-align: center; }
.contact_tab .tab { padding: 90px 15px; }
.contact_tab .butn { float: none; text-transform: uppercase; }
/*-------END: CONTACT TAB SEC-----*/
/*===============================END: INDEX===============================*/
/*===============================SET: BLOG PAGE===============================*/
.ip_banner { background-size: cover; background-position: top center; background-repeat: no-repeat; }
.ip_banner_in { padding: 92px 0px 92px }
.ip_banner_in h1 { color: #ffffff; margin-bottom: 15px; }
.ip_banner_in em { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; font-size: 42px; line-height: 64px; color: #FFFFFF; }

.blog_main { position: relative; z-index: 1; }
.blog_main:after { content: ""; position: absolute; width: 100%; height: 140px; left: 0; top: 0; background-color: #E8EDF1; z-index: -1; }
.blog_wrapper { max-width: 1125px; width: 100%; margin: 0 auto; padding: 0px 15px; }
.blog_filter_in { padding: 26px 0px; }
.blog_filter_in .nice-select .list { margin-top: 0; }
.date_filter { float: left; max-width: 307px; width: 100%; }
.date_filter .nice-select { float: left; max-width: 307px; width: 100%; }
.date_filter .nice-select span { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: #1C4F78; }
.date_filter .nice-select ul { max-width: 307px; width: 100%; }
.page_filter { float: right; max-width: 195px; width: 100%; }
.page_filter .nice-select span { float: right; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: #1C4F78; }
.page_filter .nice-select ul { max-width: 195px; width: 100%; }

.blog_box { background-color: #ffffff; margin-bottom: 30px; border: 1px solid #E8EDF1; box-sizing: border-box; border-radius: 4px; }
.blog_lt { width: 40%; float: left; }
.blog_lt img { height: 100%; width: 100%; object-fit: cover; object-position: center; }
.blog_rt { width: 60%; float: left; padding: 20px 30px 25px; }
.blog_head { margin-bottom: 12px; }
.blog_head em { font-family: 'Open Sans', sans-serif; line-height: 21px; font-size: 14px; color: #6D6F71; margin-bottom: 8px; }
.blog_head h3 { color: #03ADEF; padding: 10px 0px; }
.blog_cont p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; margin-bottom: 12px; }
.blog_cont a { display: inline-block; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #03ADEF; }
.blog_cont a img { padding-left: 20px; }

.pagination { padding: 10px 0px; text-align: center; margin-bottom: 70px; }
.pagination ol { display: inline-block; vertical-align: middle; }
.pagination ol li { float: left; height: 48px; width: 48px; border-radius: 50%; color: #03ADEF; border: 2px solid #03ADEF; margin: 0px 4px; }
.pagination ol li:hover { color: #ffffff; }
.pagination ol li:hover { background-color: #03ADEF; }
.pagination ol li:hover a { color: #ffffff; }
.pagination ol li.page_dot { border: none; }
.pagination ol li.active { background-color: #E8EDF1; border: 2px solid #E8EDF1; }
.pagination ol li a { display: inline-block; vertical-align: middle; color: #03ADEF; line-height: 44px; }
.pagination ol li.active:hover a { color: #03ADEF; }

.blog_cont_tab.contact_tab .tab { width: 33.33%; }
/*===============================END: BLOG PAGE===============================*/
/*===============================SET: GENERIC===============================*/
/* .generic_ban { background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); -webkit-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); -moz-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); -ms-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); -o-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); }
.generic_ban .ip_banner_in { padding: 30px 0px; }
.generic_ban h2 { color: #FFFFFF; text-align: center; line-height: 72px; }

.generic_wrap { padding: 25px 15px 0px; }
.gen_head { margin-bottom: 16px; }
.gen_head h3 { color: #000000; }
.gen_head h5 { color: #000000; }
.gen_cont_sec { max-width: 645px; width: 100%; margin: 0 auto; }
.gen_cont { margin-bottom: 22px; }
.gen_cont h4 { color: #1C4F78; margin-bottom: 12px }
.gen_cont p { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; }
.gen_cont img { width: 100%; margin-bottom: 12px; }
.gen_cont em { font-family: 'Open Sans', sans-serif; line-height: 21px; font-size: 14px; color: #6D6F71; }

.gen_comt_sec { max-width: 900px; width: 100%; margin: 0 auto; padding-top: 60px; }
.gen_comt_sec .comment_box { max-width: 100%; border: 3px solid #03ADEF; box-sizing: border-box; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}

.gen_list_sec { margin-bottom: 30px; }
.gen_list_sec ul { list-style: disc; color: #03ADEF; padding-left: 30px; }
.gen_list_sec ul li { color: #03ADEF; }
.gen_list_sec li span { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; }
.gen_list_sec ol { list-style: decimal; color: #03ADEF; padding-left: 30px; }

.gal_slide .slick-dots li button:before { color: #6D9ABE; opacity: 1; font-size: 8px; }
.gal_slide .slick-dots li.slick-active button:before { color: #03ADEF; opacity: 1; }
.gen_gal_in h4 { max-width: 645px; width: 100%; margin: 0 auto; }
.gen_gal_in .slick-prev { height: 32px; width: 16px; top: 50%; transform: translateY(-50%); z-index: 1; }
.gen_gal_in .slick-prev:before { content: ""; position: absolute; height: 32px; width: 16px; background-image: url(images/gal_car_lt.png); background-size: auto auto; background-position: top center; background-repeat: no-repeat; left: 0px; top: 50%; transform: translateY(-50%); }
.gen_gal_in .slick-next { height: 32px; width: 16px; top: 50%; transform: translateY(-50%); z-index: 1; }
.gen_gal_in .slick-next:before { content: ""; position: absolute; height: 32px; width: 16px; background-image: url(images/gal_car_rt.png); background-size: auto auto; background-position: top center; background-repeat: no-repeat; right: 0px; top: 50%; transform: translateY(-50%); }

.gen_table { max-width: 1125px; width: 100%; margin: 0 auto; }
.gen_table_in { padding-top: 40px; margin-bottom: 80px; }
.gen_table_in table { width: 100%; }
.gen_table_in tr { border-bottom: 1px solid #c1cfda; border-style: dashed; }
.gen_table_in thead tr { border-bottom: 2px solid #6d9abe; }
.gen_table_in th { padding: 12px; font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 24px; font-size: 16px; color: #000000; }
.gen_table_in td { padding: 12px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; } */


.generic_ban { background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); -webkit-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); -moz-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); -ms-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); -o-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(108.06deg, #0A426F 1.97%, #03ADEF 98.05%); }
.generic_ban .ip_banner_in { padding: 30px 0px; }
.generic_ban h2 { color: #FFFFFF; text-align: center; line-height: 72px; }

.generic_wrap { padding: 25px 15px 0px; }
.gen_head { margin-bottom: 16px; }
.gen_cont > h3 { max-width: 645px; width: 100%; margin: 0 auto; color: #000000; }
.gen_cont > h5 { color: #000000; max-width: 645px; width: 100%; margin: 0 auto; }
.gen_cont { max-width: 900px; width: 100%; margin: 0 auto; }
.gen_cont { margin-bottom: 22px; }
.gen_cont > h4 { color: #1C4F78; max-width: 645px; width: 100%; margin: 0 auto 12px;}
.gen_cont > p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000;  max-width: 645px; width: 100%; margin: 0 auto 20px; }
.gen_cont figure { max-width: 645px; width: 100%; margin: 0 auto 12px; }
.gen_cont figure img { margin: 0 auto 12px; }
.gen_cont figure figcapion { font-family: 'Open Sans', sans-serif; line-height: 21px; font-size: 14px; color: #6D6F71; }

.gen_cont .gen_comt_sec { max-width: 900px; width: 100%; margin: 0 auto; padding-top: 60px; }
.gen_cont .comment_box { max-width: 900px; width: 100%; border: 3px solid #03ADEF; box-sizing: border-box; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; margin-top: 60px; }

.gen_cont ul li { list-style: none; }
.gen_cont ul li:before { content: "\2022"; color: #03ADEF; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
.gen_cont ol li { counter-increment: list; list-style-type: none; position: relative; }
.gen_cont ol li:before { color: #03ADEF; content: counter(list) "."; left:-32px; position: absolute; text-align: right; width: 26px; }

/*.gen_cont { margin-bottom: 30px; }*/
.gen_cont ul { max-width: 645px; width: 100%; margin: 0 auto; list-style: disc; color: #03ADEF; padding-left: 30px; }
.gen_cont li { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; }
.gen_cont ol { max-width: 645px; width: 100%; margin: 0 auto; list-style: decimal; color: #03ADEF; padding-left: 30px; }

.gal_slide .slick-dots li button:before { color: #6D9ABE; opacity: 1; font-size: 8px; }
.gal_slide .slick-dots li.slick-active button:before { color: #03ADEF; opacity: 1; }
.gen_gal_in h4 { max-width: 645px; width: 100%; margin: 0 auto; color: #000000; }
.gen_gal_in .slick-prev { height: 32px; width: 16px; top: 50%; transform: translateY(-50%); z-index: 1; }
.gen_gal_in .slick-prev:before { content: ""; position: absolute; height: 32px; width: 16px; background-image: url(images/gal_car_lt.png); background-size: auto auto; background-position: top center; background-repeat: no-repeat; left: 0px; top: 50%; transform: translateY(-50%); }
.gen_gal_in .slick-next { height: 32px; width: 16px; top: 50%; transform: translateY(-50%); z-index: 1; }
.gen_gal_in .slick-next:before { content: ""; position: absolute; height: 32px; width: 16px; background-image: url(images/gal_car_rt.png); background-size: auto auto; background-position: top center; background-repeat: no-repeat; right: 0px; top: 50%; transform: translateY(-50%); }

.gen_table { max-width: 1125px; width: 100%; margin: 0 auto; }
.gen_table_in { padding-top: 40px; margin-bottom: 80px; }
.gen_table_in table { width: 100%; }
.gen_table_in tr { border-bottom: 1px solid #c1cfda; border-style: dashed; }
.gen_table_in thead tr { border-bottom: 2px solid #6d9abe; }
.gen_table_in th { padding: 12px; font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 24px; font-size: 16px; color: #000000; }
.gen_table_in td { padding: 12px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; }
/*===============================END: GENERIC===============================*/

/*===============================SET: ABOUT US PAGE===============================*/
.about_content_in { text-align: center; padding: 60px 0px 80px;}
.abt_head { padding-bottom: 80px; position: relative; }
.abt_head:after { content: ""; position: absolute; height: 2px; width: 120px; background-color: #03ADEF; bottom: 0px; left: 0; right: 0; margin: 0 auto; }
.abt_head em { margin-bottom: 30px; display: block; }
.abt_head em img { height: 40px;}
.abt_head h3 { font-size: 42px; line-height: 57px; font-weight: 300; max-width: 990px; width: 100%; margin: 0 auto; color: #000000; }

.abt_cont_box { max-width: 960px; width: 100%; margin: 0 auto; }
.abt_cont_box .abt_cont_img { width: 40%; float: left; }
.abt_cont_box:nth-child(even) .abt_cont_img { width: 40%; float: right; }
.abt_cont_box .abt_cont_text { width: 60%; float: left; padding: 80px 0px; }
.abt_cont_box:nth-child(even) .abt_cont_text { width: 60%; float: right; padding: 80px 0px; }
.abt_cont_box .abt_cont_text p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 30px; font-size: 20px; color: #000000; text-align: left; padding-left: 20px; }
.abt_cont_box:nth-child(even) .abt_cont_text p { padding-right: 20px; padding-left: 0px; }

.abt_choose_sec { background: #1C4F78; position: relative; }
.abt_ch1 { position: absolute; bottom: 50px; left: 0; }
.abt_ch2 { position: absolute; bottom: 0px; right: 0; }
.abt_ch3 { position: absolute; top: 60px; right: 0; }
.abt_choose_in { padding: 68px 0px 0px; }
.abt_choose { position: relative; z-index: 1; }
.abt_choose_in .heading { margin-bottom: 40px; }
.abt_choose ul { text-align: center; }
.abt_choose_in .heading h2 { color: #ffffff; position: relative;}
.abt_choose_in .heading em { color: #ffffff; }
.abt_choose_box { cursor: auto; }
.abt_choose_box .abt_ch_head h1 { position: relative; line-height: 103px;font-size: 88px;text-align: center;color: #6D9ABE; }
.abt_choose_box .abt_ch_head h1 em { position: absolute; font-family: 'Catamaran', sans-serif; font-weight: bold; line-height: 68px; font-size: 52px; text-align: center; color: #03ADEF; opacity: 0.4; left: 50px; display: block; }
.abt_choose_box .abt_ch_head h1 i { position: absolute; bottom: 15px; right: 120px; height: 23px; width: 23px; border-radius: 50%; background-color: #03ADEF; background-image: url(images/tick_wht.png); background-size: auto; background-position: center center; background-repeat: no-repeat; }
.abt_choose_box:hover .abt_ch_head h1 i { background: #ffffff; background-image: url(images/tick_blue.png); background-size: auto; background-position: center center; background-repeat: no-repeat; }
.abt_choose_box .abt_ch_head h1 em { color: #ffffff; }

.abt_choose li { width: 33%; display: inline-block; vertical-align: top; }
.abt_choose_box { max-width: 308px; width: 100%; margin: 0 auto 50px; }
.abt_ch_head { font-family: 'Catamaran', sans-serif; font-weight: 800; line-height: 103px; font-size: 88px; text-align: center; color: #6D9ABE; }
.abt_ch_para p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 30px; font-size: 20px; text-align: center; color: #FFFFFF; }
.abt_choose_box:hover .abt_ch_para p { font-family: 'Catamaran', sans-serif; font-weight: 800; line-height: 35px; font-size: 24px; text-align: center; color: #FFFFFF; }

.garantee { background-color: #E5E5E5; background-image: url(images/garantee_bg.png); background-position: top right; background-repeat: no-repeat; background-size: auto 100% ; padding: 60px 15px; }
.garantee .heading { margin-bottom: 60px; }
.garantee .heading h2 { color: #F3AF00; }
.garantee_in { max-width: 1380px; width: 100%; margin: 0 auto; padding: 0px; background-color: #F6D377; }
.garantee_box { float: left; text-align: center;}
.garantee_box.one { background-color: #F3AF00; width: calc(50% + 15px); padding: 30px 80px 30px 50px; }
.garantee_box.two { background-color: #F6D377; position: relative; width: calc(50% - 15px);  padding: 30px 50px; }
.garantee_box.two:before {  content: ""; position: absolute; left: -30px; top: 0; height: 100%; width: 30px; background-image: url(images/gar_after.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.garantee_box i { margin-bottom: 30px; display: block; }
.garantee_box p { font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 24px; font-size: 16px; color: #000000; }
/*===============================END: ABOUT US PAGE===============================*/

/*===============================END: SERVICES PAGE===============================*/
.serv_tab_wrap { position: relative; }
/* .ser_tab_btn { max-width: 1155px; width: 100%; margin: 0 auto; padding: 0 30px; margin-bottom: 80px; position: absolute; top: -30px; } */
.ser_tab_btn { max-width:100%; width: 100%; margin: 0 auto; padding: 0 30px; margin-bottom: 80px; position: absolute; top: -30px; }
.serv_tab_in ul { text-align: center; box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); border-radius: 40px; }
.serv_tab_in ul li { width: 33.33%; background: #FFFFFF; border-right: 1px solid #6D9ABE; font-family: 'Catamaran', sans-serif; font-weight: 800; line-height: 60px; font-size: 24px; color: #6D6F71; padding: 0!important; }
.serv_tab_in ul li em { display: block; font-weight: 800; color: #1C4F78; }
.serv_tab_in ul li.resp-tab-active em { color: #6D6F71; }
.serv_tab_in ul li:first-child { border-radius: 40px 0px 0px 40px; }
.serv_tab_in ul li:last-child { border-radius: 0px 40px 40px 0px; border-right: none; }
.serv_tab_in ul li.resp-tab-active { border: none; background: #F2F2F2; padding: 0; }
.serv_tab_in .tab_cont { padding:100px 0px 70px; text-align: center; }
.tab_cont .resp-tab-content { border: none; padding: 0; }
.serv_box_main { margin-bottom: 50px; position: relative; }
.serv_box_main:after { content: "";  width: 120px; height: 2px; background-color: #6D9ABE; bottom: 0px; margin: 0 auto;}
.serv_tab_box { width: 33.33%; float: left; margin-bottom: 50px; }
.serv_tab_box_in { max-width: 390px; width: 100%; margin: 0 auto; padding: 0px 15px; }
.serv_icon { text-align: center; margin-bottom: 30px; }
.serv_box_cont h5 { font-family: 'Catamaran', sans-serif; color: #03ADEF; letter-spacing: -0.02em; margin-bottom: 12px; }
.serv_box_cont p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; margin-bottom: 10px; }
.serv_box_cont a { font-family: 'Open Sans', sans-serif; line-height: 21px; font-size: 14px; color: #6D9ABE; }

.serv_req_sec h3 { line-height: 56px; color: #1C4F78; margin-bottom: 30px; }
.serv_req_sec .butn { background-color: #03ADEF; box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -webkit-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -moz-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -ms-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -o-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); border: 2px solid #03ADEF; }
.serv_req_sec .butn:hover { background-color: #ffffff; }

.serv_cont_tab .tab { width: 100%; }
/*===============================END: SERVICES PAGE===============================*/

/*===============================END: PRICING PAGE===============================*/
.pricing_main { position: relative; }
.pricing_main:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; background-color: #F2F2F2; }
.pricing_main_in { padding-top: 50px; text-align: center; position: relative; z-index: 1; }
.pric_main_head { max-width: 870px; width: 100%; margin: 0 auto 40px; }
.pric_main_head em { font-family: 'Catamaran', sans-serif; line-height: 35px; font-size: 24px; color: #000000; }
.pric_main_box { width: calc(33.33% - 30px); float: left; margin: 15px; background: #FFFFFF; box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -webkit-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -moz-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -ms-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -o-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); }
.pric_box_up {  }
.para_price { margin-bottom: 20px; }
.pric_box_up i { line-height: 50px; display: block; }
.pric_box_up i img { line-height: 50px; max-height: 50px; }
.pric_box_up h4 { font-family: 'Catamaran', sans-serif; line-height: 41px; font-size: 28px; color: #1C4F78; margin-bottom: 10px; }
.pric_box_up h3 { font-family: 'Catamaran', sans-serif; color: #03ADEF; margin-bottom: 15px; }
.free .pric_box_up h3 { line-height: 3; }
.pric_box_up p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 30px; font-size: 20px; color: #6D6F71; margin-bottom: 10px; }
.pric_box_up a.butn { background: #FFFFFF; border-radius: 30px; box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -webkit-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -moz-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -ms-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -o-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 40px; font-size: 16px; text-transform: uppercase; color: #03ADEF; max-width: 182px; width: 100%; margin: 0 auto 25px; }
.pric_box_dn { padding: 15px 0px 20px; background-color: #F4F6F8; }
.pric_box_dn em { font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 24px; font-size: 16px; color: #6D6F71; margin-bottom: 10px; }
.pric_box_dn p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; }

.pric_term { padding: 74px 0px 46px; background-color: #F2F2F2; }
.pric_term_head { float: left; padding: 0 20px; }
.pric_term_head h4 { line-height: 41px; color: #1C4F78; }
.pric_term_list { float: left; }
.pric_term_list ul { float: left; padding: 0 20px; }
.pric_term_list ul li { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; margin-bottom: 15px; }

.example {  }
.example_in { padding: 50px 0px 60px; text-align: center;}
.example_head { margin-bottom: 40px; }
.example_head h4 { line-height: 41px; font-size: 28px; color: #1C4F78; }

.material_box { width: 25%; float: left; margin-bottom: 60px; }
.material_img { margin-bottom: 30px; }
.material_cont h6 { font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 24px; font-size: 16px; color: #000000; margin-bottom: 5px;}
.material_cont em { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 30px; font-size: 20px; color: #03ADEF; }

.mat_warning { background: #F3AF00; max-width: 870px; width: 100%; margin: 0 auto; padding: 0 15px; }
.mat_warning p img { padding-right: 12px; line-height: 60px; display: inline-block; vertical-align: middle; }
.mat_warning p { font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 60px; font-size: 16px; color: #000000; }
/*===============================END: PRICING PAGE===============================*/

/*===============================END: AREA PAGE===============================*/
.serv_tab_wrap { width: 100%; }
.area_tab .ser_tab_btn { max-width: 1155px; width: 100%; left: 0; right: 0; margin: 0 auto; }
.serv_tab_in.area_tab_in ul li {width: 16.66%; }
.area_tab_in .tab_cont { padding: 0; }
.area_tab_container { width: 100%; }
.area_tab_container img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.all_area { position: relative; }
.all_area_in { padding: 50px 0px 60px; text-align: center; }
.area_head { margin-bottom: 40px; }
.area_head h3 { color: #1C4F78; }

.all_area_box { width: 33.33%; float: left; }
.area_box_in { max-width: 307px; width: 100%; margin: 0 auto 25px; }
.area_box_in h6 { font-family: 'Catamaran', sans-serif; font-weight: 800; line-height: 35px; font-size: 24px; text-align: center; color: #000000; margin-bottom: 8px; }
.area_box_in ul li { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; margin-bottom: 8px; }
/*===============================END: AREA PAGE===============================*/

/*===============================END: AREA DETAILS PAGE===============================*/
.ad_banner_in { width: 50%; float: left; position: relative; }
.ad_banner_in img { width: 100%; object-fit: cover; object-position: center; }
.ad_banner_in h1 { position: absolute; top: 50%; transform: translateY(-50%); max-width: 655px; width: 100%; right: 0px; font-weight: 900; color: #ffffff; }
.ad_cont_lt { width: 50%; float: left; background-color: #F4F6F8; }
.ad_cont_lt_in { max-width: 655px; width: 100%; float: right; padding-top: 48px; }
.ad_cont_lt_in p { max-width: 530px; width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 30px; font-size: 20px; color: #000000; margin-bottom: 40px; position: relative; }
.ad_cont_lt_in p:after { content: ""; position: absolute; left: 0px; bottom: -40px; height: 1px; width: 195px; background-color: #03ADEF; }
.ad_cont_rt { width: 50%; float: left; }
.ad_cont_rt_in { padding: 48px; }
.ad_cont_rt_in h5 { color: #1C4F78; margin-bottom: 12px; }
.ad_cont_rt_in ul { margin-bottom: 28px; padding-left: 15px; }
.ad_cont_rt_in ul li { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; margin-bottom: 12px; position: relative; }
.ad_cont_rt_in ul li:before { content: ""; position: absolute; left: -10px;top: 10px; height: 5px; width: 5px; border-radius: 50%; background-color: #03ADEF; }
.butn.ad_butn { max-width: 240px; width: 100%; background-color: #03ADEF; border: 2px solid #03ADEF; line-height: 56px; color: #ffffff; box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -webkit-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -moz-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -ms-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2); -o-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2);  /*  text-align: right;padding-right: 50px; */ }
.butn.ad_butn:hover { background-color: #ffffff; color: #03ADEF; font-size: 18px; }
/*===============================END: AREA DETAILS PAGE===============================*/

/*===============================END: BLOG DETAILS PAGE===============================*/
.bd_banner { background-image: url(images/blog_article_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; }
.back_btn { position: absolute; top: 36px; left: 36px; }
.back_btn { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #FFFFFF; }
.back_btn img { display: inline-block; vertical-align: middle; padding-right: 10px; line-height: 24px; }
.bd_banner_in { padding: 32px 0px 36px; text-align: center; max-width: 870px; width: 100%; margin: 0 auto; }
.bd_banner_in em { display: block; font-family: 'Open Sans', sans-serif; line-height: 21px; font-size: 14px; color: #FFFFFF; margin-bottom: 28px; }
.bd_banner_in h2 { color: #FFFFFF;margin-bottom: 28px; }
.bd_banner_in p { font-family: 'Catamaran', sans-serif; line-height: 35px; font-size: 24px; color: #FFFFFF; }
.ba_cont_in { padding: 40px 0px 60px; }
.ba_cont_box {  }
.ba_cont_box > h3 { line-height: 41px; font-size: 36px; color: #000000; margin: 0 auto 12px; max-width: 645px; width: 100%; }
.ba_cont_box > h4 { line-height: 35px; font-size: 24px; color: #000000; margin: 0 auto 15px; max-width: 645px; width: 100%; }
.ba_cont_box > p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000;  max-width: 645px; width: 100%; margin: 0 auto 11px;}

.ba_cont_box .gen_comt_sec { max-width: 900px; width: 100%; margin: 0 auto; padding-top: 60px; }
.ba_cont_box .comment_box { max-width: 900px; width: 100%; border: 3px solid #03ADEF; box-sizing: border-box; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; }

.ba_cont_box figure { max-width: 645px; width: 100%; padding-top: 14px; margin: 0 auto 14px; }
.ba_cont_box figure img { width: 100%; margin-bottom: 12px; }
.ba_cont_box figure figcapion { font-family: 'Open Sans', sans-serif; line-height: 21px; font-size: 14px; color: #6D6F71; }
.ba_cont_box ul { margin: 0px auto; padding: 0px 0px 0px 12px; max-width: 645px; width: 100%; }
.ba_cont_box li { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; color: #000000; margin-bottom: 14px; position: relative; max-width: 645px; width: 100%; }
.ba_cont_box li:before { content: ""; position: absolute; top: 7px; left: -12px; height: 12px; width:6px; background-image: url('images/blog_list.png'); background-position: top center; background-repeat: no-repeat; background-size: 100% 100%;  }

.blog_article_blog { background-color: #F4F6F8; padding: 40px 60px; }
.blog_main.blog_article_blog:after { display: none; }
.blog_article_blog h2 { color: #000000; margin-bottom: 30px; text-align: center; }
/*===============================END: BLOG DETAILS PAGE===============================*/

/*===============================SET: CONTACT===============================*/
.contact_main{text-align: center;}
.email_us{background: #E8EDF1;}
.contact_us{background: #F4F6F8;}
.email_us,.contact_us{width: 50%;float: left;padding-top: 52px;padding-bottom: 60px;}
.contact_main h4{font-size: 28px;line-height: 41px;color: #1C4F78;}
.contact_main a{display: block;margin-bottom: 12px;}
.email_us > a{position: relative;font-size: 36px;color:#03ADEF;margin-bottom: 6px; line-height: 60px;display: inline-block;}
.email_us > a:after{content: ''; position: absolute;border: 2px solid #03ADEF;left: 0;right: 0;margin: 0 auto;bottom: -6px;}
.email_us_in{position: relative;margin-bottom: 56px;}
.email_us_in:after{content: ''; position: absolute;width: 60px;border: 1px solid #6D9ABE;left: 0;right: 0;margin: 0 auto;bottom: -28px;}
.contact_form{text-align: center;padding: 48px 15px 80px 15px;max-width: 900px; margin: 0 auto;}
.form_head{}
.form_head img{margin-bottom: 18px;}
.form_head h4{font-size: 28px;line-height: 40px;color: #1C4F78;font-family: Catamaran;font-style: normal;font-weight: 800;margin-bottom: 32px;}
.form_main .butn{background-color: #03ADEF;max-width: 272px;width: 100%; font-family: 'Open Sans', sans-serif;line-height: 60px;font-size: 16px;font-weight: bold; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; padding-left:0  !important; text-align:center !important; }
.form_main ul{margin-bottom: 40px;}
.form_main ul li{ width: 33.33%; float: left; padding: 0px 15px; margin-bottom: 28px;}
.form_main ul li input{ width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 300;line-height: 60px;padding: 0px 12px; font-size: 16px; color: #000000; background: #F4F6F8; border: none;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px; }
.form_main ul li textarea { width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 300;line-height: 20px;padding: 20px 12px; font-size: 16px; color: #000000; background: #F4F6F8; border: none;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px; height: 128px; }
.form_main ul li:last-child input{ line-height: 128px; }
.form_main ul li::-webkit-input-placeholder                 { color: #6D9ABE; font-family: 'Open Sans', sans-serif; }
.form_main ul li::-moz-placeholder                          { color: #6D9ABE; font-family: 'Open Sans', sans-serif; }
.form_main ul li:-ms-input-placeholder                      { color: #6D9ABE; font-family: 'Open Sans', sans-serif; }
.form_main ul li:-moz-placeholder                           { color: #6D9ABE; font-family: 'Open Sans', sans-serif; }
.form_main ul li:last-child{ width: 100%; }
/*===============================END: CONTACT===============================*/

/*===============================END: ELECTRICAL QUOTE===============================*/
.electrical_form{ width: 100%; margin: 0 auto; text-align: center; }
.electrical_in{ max-width: 644px; width: 100%; margin: 0 auto; padding-top: 32px; padding-bottom: 32px; text-align: center;}
.heading{ width: 100%; margin-bottom: 28px; }
.formsec{ max-width: 396px; margin: 0 auto; width: 100%; text-align: left; }
.formsec ul{ margin: 0; padding: 0; list-style: none; }
.formsec ul li{ display: block; margin-bottom: 24px; }
.formsec ul li span { position: inherit; display: inline-block; vertical-align: text-bottom; width: 100%; }
.formsec ul li span .wpcf7-not-valid-tip { font-size: 12px; }
.formsec ul li span .nice-select {width: 100%; background-color: #F4F6F8; padding: 0 40px 0 15px; color: #1C4F78; box-shadow: none; border: none; height: 48px; line-height: 48px; }
.formsec ul li span .nice-select:after { border-bottom: 2px solid #03ADEF; border-right: 2px solid #03ADEF; height: 6px; width:6px; }
.formsec ul li span .nice-select span { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; line-height: 48px; font-size: 16px; color: #1C4F78; margin-bottom: 0px; }
.formsec ul li span .nice-select .list { width: 100%; }
.formsec ul li span .nice-select .list li { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; line-height: 24px; font-size: 16px; color: #1C4F78; margin-bottom: 0px; width: 100%; }
.formsec ul li:nth-last-of-type(2){ margin-bottom: 48px; }
.formsec ul li label{ display: block; margin: 0 0 8px 0; font-family: 'Catamaran', sans-serif; font-size: 16px; line-height: 24px;color: #6D9ABE; }
.formsec ul li input{ width: 100%; background-color: #F4F6F8; padding: 0 15px; color: #1C4F78; box-shadow: none; border: none; height: 48px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.formsec ul li input.submit {
    width: 100%;
    background-color: #03ADEF;
    color: #ffffff;
    height: 60px;
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0 !important;
    text-align: center !important;
}
.formsec ul li textarea{ width: 100%; background-color: #F4F6F8; padding: 0 15px; color: #1C4F78; box-shadow: none; border: none; height: 100px; resize: none; }
.electrical_form h5{font-family: 'Catamaran', sans-serif;font-style: normal;font-weight: normal;line-height: 35px;font-size: 24px;text-align: center;color: #000000;}	
.electrical_form label{font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: bold;line-height: 24px;font-size: 16px;}
/*===============================END: ELECTRICAL QUOTE===============================*/

/*===============================SET: FOOTER===============================*/
footer { background-color: #1C4F78; padding: 30px 0px; position: relative; }
.gnd_img { position: absolute; top: 0px; right: 60px; }
.gnd_img_m { display: none; }
.footer_wrapper { position: relative; z-index: 0; }
.ft_lt { float: left; }
.ft_rt { float: right; }
.ft_logo { float: left; padding-right: 18px; }
.ft_logo a { display: inline-block; vertical-align: middle; }
.ft_menu { float: left; }
.ft_menu li { float: left; line-height: 24px; padding: 28px 15px; }
.ft_menu li a { display: inline-block; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; line-height:  24px; color: #6D9ABE; text-transform: capitalize; }
.ft_menu li:hover a { color: #ffffff; }
.copyright { float: right; }
.copyright a { float: left; display: inline-block; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 14px; line-height:  20px; color: #03ADEF; padding: 30px 20px; }
.copyright p { float: left; display: inline-block; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 14px; line-height:  20px; color: #6D9ABE; padding: 30px 20px; }
.social_media { float: right; }
.social_media li { float: left; text-align: center; padding: 20px 5px;;}
.social_media li a { display: inline-block; vertical-align: middle; line-height: 40px; width: 40px; height: 40px; background: #3475A9; border-radius: 4px; }
/*===============================END: FOOTER===============================*/
.pagination ol li.next{
    background-image: url(images/page_rt.png);
    background-size: 19px 16px;
	background-repeat:no-repeat;
	background-position: center;
}
.pagination ol li.next:hover { background-image: url(images/page_rt_hvr.png); }
.pagination ol li.prev{
    background-image: url(images/page_lt.png);
    background-size: 19px 16px;
	background-repeat:no-repeat;
	background-position: center;
}
.pagination ol li.prev:hover { background-image: url(images/page_lt_hvr.png); }
#mobsearch .mobform { display: none; }

.searchfeaturedimg {text-align: center;  padding: 15px 0px; }
.searchfeaturedimg img { max-width: 200px;  width: 100%; height: auto; }
.dotsection { font-size: 30px; line-height: 29px;}

.gm-bundled-control.gm-bundled-control-on-bottom.gm-style { bottom: 150px!important; }

.viewal.btn{
max-width: 240px;
    width: 100%;
    margin: 0 auto;
    float: none;
    line-height: 44px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align:center;
    margin-top:15px;
    background-color: #1C4F78;
    border: 2px solid #1C4F78;
        display: inline-block;
    vertical-align: middle;
    border-radius:30px;
    box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2);
    -webkit-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2);
    -moz-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2);
    -ms-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2);
    -o-box-shadow: 0px 8px 20px rgba(28, 79, 120, 0.2);
}
.viewal.btn:hover{
    color: #1C4F78;
    background-color: #ffffff;
}
.gen_cont.newblock > p{margin:0 0 15px 0; max-width:100%;}
.clear{clear:both;}