/*
Theme Name: Twenty Seventeen
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: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
@charset "utf-8";
/*----------intial declartaion of css----------*/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { margin:0 0 25px 16px;}
ol li, ul li{font-size:16px;line-height:25px;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
.none { display: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;}
/* For IE 6/7 (trigger hasLayout) */
::selection { background: #01c4d1; color: #000; }
::-moz-selection {background: #01c4d1;color: #000;}

p { font-size: 16px; line-height: 25px; padding-bottom: 25px; color: #000;}
h1 { font-size: 40px; margin-bottom: 40px;font-weight:400;line-height:1.2}
h2 { font-size: 50px; margin-bottom: 20px;font-weight:700;letter-spacing:20px;text-transform:uppercase;line-height:1.2;}
h3 { font-size: 34px; margin-bottom: 30px;color:#132f49;}
h4 { font-size: 25px; margin-bottom: 15px;}
h5 { font-size: 17px; margin-bottom: 10px;color:#132f49;line-height:1.2;}
a {transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; outline: none !important;color:#000;}
a:hover{color:#46b1e3;}
body { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif;font-size:16px;color:#000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;font-weight:400}


.heading-title h2{position:relative;z-index:9;color:#ebebeb}
.heading-title span{position:relative;left:0;right:0;bottom:50px;font-size:20px;color:#132f49;font-weight:700;z-index:10;line-height:0;text-transform:uppercase;letter-spacing:8px;}


.btn-wrap{display:flex;flex-wrap:wrap;align-items:center;}
.btn-wrap .btn{margin-right:20px;}
.btn-wrap .btn:last-child{margin-right:0}

.btn a{font-size:15px;color:#132f49;font-weight:700;padding:13px 30px;display:inline-block;text-transform:uppercase;border:1px solid #132f49;}
.btn a:hover{background:#132f49;color:#fff;}

.btn-blue a{background:#46b1e3;color:#fff;border:1px solid #46b1e3;}
.btn-blue a:hover{background:#132f49;border:1px solid #132f49;}

/*--------sticky footer or vertical footer------------*/
.wrapper {width:100%;position:relative;overflow:hidden}
/*--------sticky footer or vertical footer------------*/


/*-----------Gride section styles goes here-----------*/
.row { margin-left: -15px; margin-right: -15px; }
.row:before, .row:after { display: table; line-height: 0; content: ""; }
.row:after { clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.pull-right { float: right; }
/*-----------Gride section styles goes here-----------*/


/*-----------------------main styles starts here-----------------------------------------------*/
.main { width: 1200px; margin: 0 auto;padding:0 15px;}

ul.dot-listing{margin-left:0}
ul.dot-listing li{list-style:none;padding-left:25px;position:relative;margin-bottom:20px;}
ul.dot-listing li:before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;background:#01c4d1;border-radius:50%;}

ul.check-listing{margin-left:0}
ul.check-listing li{list-style:none;padding-left:40px;position:relative !important;margin-bottom:20px;font-weight:600}
ul.check-listing li:before{content:"";position:absolute;left:0;top:3px;background:url(images/check-icon.png) no-repeat;width:22px;height:22px;}

/*-----------header section styles goes here---------------*/
#header-main{width: 100%;position:relative;left:0;top:0;z-index:999;padding:17px 0;}
#header-main .main{display:flex;flex-wrap:wrap;align-items:center;}
.header-right{text-align:right;width:calc(100% - 290px);}
.header-right ul{margin:0;}
.header-right ul li{list-style:none;padding-left:25px;display:inline-block;}
.header-right ul li a{color:#132f49;font-size:16px;font-weight:500;}
.header-right ul li a i{background:#46b1e3;border-radius:50%;width:40px;height:40px;text-align:center;display:inline-block;line-height:40px;margin-right:10px}
.header-right ul li a:hover{color:#46b1e3}

.header-right ul li:last-child a{font-weight:600;font-size:20px;}
/*-----------header section styles ends here----------------*/

/*-----------Banner section styles goes here---------------*/
.banner-section{display:flex;position:relative;z-index:9;padding:50px 0 230px;background-position:center bottom;background-repeat:no-repeat;background-size:auto;background-color:#86d3fd}
.banner-section .banner-wrap{width:100%;}
.banner-section .banner-content-wrap{width:100%;padding:80px 0}

.banner-section h1{}
.get-quote-form{max-width:360px;background:#fff;padding:25px;float:right}
.get-quote-form h4{margin-bottom:5px}
.get-quote-form p{line-height:1.1;padding-bottom:10px;}
/*-----------Banner section styles ends here---------------*/



/*-----------midd section styles goes here-----------*/
#mid-container {background: #fff; width: 100%; color: #000}

/*-----------Our Services section styles goes here---------------*/
.our-services-section{width:100%;padding:50px 0 0;text-align:center;position:relative;z-index:9}
.our-services-section ul{margin:0;display:flex;flex-wrap:wrap;text-align:left}
.our-services-section ul li{list-style:none;width:25%;padding:0 50px 0 55px;position:relative;}
.our-services-section ul li .services-thumb{position:absolute;left:0;top:0;}
.our-services-section ul li .services-thumb img{display:block;}
.our-services-section ul li p{font-size:14px;line-height:18px;}
/*-----------Our Services section styles ends here---------------*/


/*-----------Call Action section styles goes here---------------*/
.about-us-section{width:100%;text-align:center;padding:35px 0;}
.about-us-section .heading-title{margin:0}
.about-us-section .main{max-width:1030px;}
/*-----------Call Action section styles ends here---------------*/

/*-----------Get Quote section styles goes here---------------*/
.why-choose-us-section{padding:60px 0;position:relative;z-index:9;background:#f7f7f7;}
.why-choose-us-section .content-wrap{padding-right:120px;}
.why-choose-us-section .btn{margin-top:10px;}
.why-choose-us-section .btn a{font-size:16px}
/*-----------Get Quote section styles ends here---------------*/

.get-touch-section{width:100%;padding:40px 0;background:#46b1e3;}
.get-touch-section h2{letter-spacing:0;font-size:45px;color:#fff;margin:0}
.get-touch-section .row{display:flex;flex-wrap:wrap;align-items:center;}

.get-touch-section .btn a{background:#132f49;color:#fff;padding:14px 60px}
.get-touch-section .btn a:hover{background:#46b1e3;color:#132f49;}


/*-----------Benefit section styles goes here---------------*/
.our-procedure-section{width:100%;padding:50px 0;position:relative;background:#f7f7f7;text-align:center}

ul.procedure-listing{margin:0px 0 100px;display:flex;flex-wrap:wrap;}
ul.procedure-listing li{list-style:none;width:25%;padding:0 20px;margin:30px 0;counter-increment: step-counter;list-style-type: none;position:relative;z-index:9}
ul.procedure-listing li:before {content:"";position:absolute;left:0;right:0;top:-28px;content: counter(step-counter);color:#fff;font-size:21px;font-weight:600;width:50px;height:50px;border:3px solid #fff;border-radius:50%;background:#46b1e3;line-height:50px;margin:0 auto;z-index:10}
ul.procedure-listing li .thumb{position:relative;margin-bottom:20px;}
ul.procedure-listing li .thumb img{border-radius:50%;display:block;margin:0 auto;}
ul.procedure-listing li p{font-size:14px;line-height:22px;}
ul.procedure-listing li h5{text-transform:uppercase;}
ul.procedure-listing li .thumb:after{content:"";position:absolute;left:94%;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);background:url(images/arrow.png) no-repeat center center;width:70px;height:30px;}
ul.procedure-listing li:last-child .thumb:after{display:none}


.help-section{width:100%;padding:30px 50px 30px 190px;background:#132f49;text-align:left;position:relative;margin-bottom:100px;margin-top:-160px;}
.help-section .help-men{position:absolute;left:25px;bottom:0}
.help-section .help-men img{display:block}
.help-section .content-wrap{display: flex;flex-wrap: wrap;justify-content:space-between;}
.help-section .content{max-width: 70%;padding-right: 80px;}
.help-section h4{color:#fff;margin-bottom:10px}
.help-section p{color:#fff;font-size:15px;padding:0}
.help-section p a {color:#46b1e3;font-weight:500}
.help-section p a:hover{text-decoration:underline}
.help-section .btn a{font-size:18px;background:#46b1e3;padding:15px 25px;color:#fff;}


.two-col-section{width:100%;padding:50px 0;}
/*-----------Benefit section styles ends here---------------*/

/*----------------midd section styles ends here-------*/

/*----------------footer section  styles goes here-----------*/
#footer-main { background: #132f49; width: 100%; color: #fff;padding:70px 0 0;}
#footer-main .footer-left{position:absolute;left:30px;bottom:40px;z-index:9;}
#footer-main .footer-left a img{display:block;}
.iframe-wrap{position:relative;padding-bottom:25%;}
.iframe-wrap iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
#footer-main:before{content:"";position:absolute;left:0;top:-470px;width:100%;height:470px;background:url(images/footer-shape.png) repeat-y left top;background-size:cover;z-index:-1}
#footer-main h5{margin-bottom:10px;color:#fff;font-size:20px;}
#footer-main p{color:#fff;font-size:14px;}
#footer-main a{color:#fff;}
#footer-main a:hover{color:#fff;}
#footer-main .copyright-section a{color:#fff;text-decoration:underline}
#footer-main .copyright-section a:hover{color:#191919}
.messanger{position:fixed;right:70px;bottom:70px;z-index:100;text-align:center}
.messanger a{display:inline-block;width:75px;height:75px;background:#ec5b23;border-radius:50%;line-height:90px;animation: ripple 0.7s linear infinite;-webkit-animation: ripple 0.7s linear infinite;}
.messanger a:hover{background:#46b1e3;}
.messanger a img{ animation: pulse 1s infinite;animation-timing-function: linear;}

.copyright-section{width:100%;padding:35px 0;text-align:center}
.copyright-section ul{margin:0 auto;}
.copyright-section ul li{list-style:none;display:inline-block;vertical-align:middle;position:relative;margin-right:35px;font-size:13px;font-weight:400;color:#fff;line-height:1;}
.copyright-section ul li:after{content:"";position:absolute;right:-20px;top:0;width:1px;height:12px;background:#fff;}
.copyright-section ul li:last-child{margin-right:0}
.copyright-section ul li:last-child:after{display:none}

#footer-main .block-wrap{padding:0 50px 0 100px;position:relative;word-break: break-word;}
#footer-main i{background:#46b1e3;border-radius:50%;width:70px;height:70px;text-align:center;display:inline-block;line-height:88px;position:absolute;left:0;top:0}
#footer-main .block-wrap .phone{font-size:25px;}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1);
  100% { transform: scale(1); }
  }
}
.preloader{ display:none;}
/*----------------footer section styles ends here--------*/

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(236, 91, 35, 0.15), 0 0 0 0.7em rgba(236, 91, 35, 0.15), 0 0 0 1em rgba(236, 91, 35, 0.15), 0 0 0 1.5em rgba(236, 91, 35, 0.15);
  }
  100% {
    box-shadow: 0 0 0 0.7em rgba(236, 91, 35, 0.15), 0 0 0 1em rgba(236, 91, 35, 0.15), 0 0 0 1.5em rgba(236, 91, 35, 0.15), 0 0 0 2em rgba(236, 91, 35, 0);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(236, 91, 35, 0.15), 0 0 0 0.7em rgba(236, 91, 35, 0.15), 0 0 0 1em rgba(236, 91, 35, 0.15), 0 0 0 1.5em rgba(236, 91, 35, 0.15);
  }
  100% {
    box-shadow: 0 0 0 0.7em rgba(236, 91, 35, 0.15), 0 0 0 1em rgba(236, 91, 35, 0.15), 0 0 0 1.5em rgba(236, 91, 35, 0.15), 0 0 0 2em rgba(236, 91, 35, 0);
  }
}


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { width: 100%; padding: 8px 18px; border-bottom: 1px solid #132f49; font-family: 'Montserrat', sans-serif;font-size: 15px; font-weight: 400;height: 44px; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #132f49; box-shadow: none;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { border-color: #191919; box-shadow: none; }
select { background-image: url(images/down-arrow-gray.png); background-repeat: no-repeat;  background-position: 95% center; -webkit-appearance: none; -moz-appearance: none;padding: 9px 15px; line-height: normal; border: 1px solid #fff; border-radius: 5px 5px 5px 5px;}
textarea { resize: vertical; height:80px; resize:none;border:none;border-bottom:1px solid #132f49;}
input[type="submit"]{padding: 12px 30px;font-family: 'Montserrat', sans-serif;font-size: 16px; font-weight: 700;-webkit-appearance: none; -moz-appearance: none; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #fff;text-transform:uppercase;background:#46b1e3;margin-top:15px;letter-spacing:2px;}
input[type="submit"]:hover, input[type="submit"]:focus{background:#132f49;color:#fff}
input::-webkit-input-placeholder {
 color: #132f49;
}
input::-moz-placeholder {
 color: #132f49;
}
input:-ms-input-placeholder {
 color: #132f49;
}
input:-moz-placeholder {
 color: #132f49;
}
 textarea::-webkit-input-placeholder {
 color: #132f49;
 opacity:1;
}
 textarea::-moz-placeholder {
 color: #132f49;
opacity:1;
}
 textarea:-ms-input-placeholder {
 color: #132f49;
opacity:1;
}
 textarea:-moz-placeholder {
 color: #132f49;
opacity:1;
}

.get-quote-form .field{width:100%;margin-bottom:10px;}
span.wpcf7-not-valid-tip{text-align:left}

input.wpcf7-not-valid{border-bottom:1px solid #F00}
div.wpcf7-response-output {margin: 0;padding: 10px;border: 2px solid #ff0000;font-size: 14px;color: red;}
div.wpcf7-mail-sent-ok {display: block !important;padding: 0;border: none;font-size: 16px;margin: 0;color: #fff;}
span.wpcf7-not-valid-tip {color: #f00;font-size: 13px;font-weight: normal;}


.messanger-1 {
    position: fixed;
    left: 40px;
    bottom: 70px;
    z-index: 99;
	text-align: left;
}

.messanger.messanger-1 a img {
    width: 100%;
}

.messanger-1 a {
    display: inline-block;
    width: 75px;
    height: 75px;
    background: #ec5b23;
    border-radius: 50%;
    line-height: 90px;
    animation: ripple 0.7s linear infinite;
    -webkit-animation: ripple 0.7s linear infinite;
}

@-webkit-keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(236, 91, 35, 0.15), 0 0 0 0.7em rgba(236, 91, 35, 0.15), 0 0 0 1em rgba(236, 91, 35, 0.15), 0 0 0 1.5em rgba(236, 91, 35, 0.15);
    }

    100% {
        box-shadow: 0 0 0 0.7em rgba(236, 91, 35, 0.15), 0 0 0 1em rgba(236, 91, 35, 0.15), 0 0 0 1.5em rgba(236, 91, 35, 0.15), 0 0 0 2em rgba(236, 91, 35, 0);
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(236, 91, 35, 0.15), 0 0 0 0.7em rgba(236, 91, 35, 0.15), 0 0 0 1em rgba(236, 91, 35, 0.15), 0 0 0 1.5em rgba(236, 91, 35, 0.15);
    }

    100% {
        box-shadow: 0 0 0 0.7em rgba(236, 91, 35, 0.15), 0 0 0 1em rgba(236, 91, 35, 0.15), 0 0 0 1.5em rgba(236, 91, 35, 0.15), 0 0 0 2em rgba(236, 91, 35, 0);
    }
}

.messanger a img {
    animation: pulse 1s infinite;
    animation-timing-function: linear;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);

        100% {
            transform: scale(1);
        }
    }
}

@media (max-width: 767px)
{
.messanger.messanger-1 {left: 20px;}

}