/*

Theme name: Tranquil Blue

Description: Custom Theme

*/



/******* Tranquil Blue WordPress CSS *******/



/* Common elements styling */

.post .entry h1 { font-size: 20px; line-height: 30px}

.post .entry h2 { font-size: 18px; line-height: 27px}

.post .entry h3 { font-size: 16px; line-height: 24px}

.post .entry h4 { font-size: 14px; line-height: 21px}

.post .entry h5 { font-size: 12px; line-height: 18px}

.post .entry h6 { font-size: 10px; line-height: 15px}



.post .entry ul { margin-left: 25px; }

.post .entry ol { margin-left: 25px; }

.post .entry a img { border: 0 }



p img { padding: 0;	max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { margin: 2px 0 2px 7px; display: inline; }

img.alignleft { margin: 2px 7px 2px 0; display: inline; }

.alignright { float: right; display: inline; }

.alignleft { float: left; display: inline; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }



/* Calendar widget */

#wp-calendar { empty-cells: show; margin: 10px auto 0; }

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar a { display: block; }

#wp-calendar caption { text-align: center; width: 100%; font-size: 20px; padding-bottom: 10px; }

#wp-calendar th { text-align: center; }

#wp-calendar td { padding: 10px; text-align: center; }

.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}



/* Big images in rich text editor should not break page layout */

.post .entry { overflow: hidden; } 



/******* /Tranquil Blue WordPress CSS *******/



/* ==========================================================================

	#Reset

========================================================================== */

* { padding: 0; margin: 0; outline: 0; }



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

main,

nav,

section { display: block; }



/* ==========================================================================

	#Base

========================================================================== */

html,

body { height: 100%; }



html { overflow-y: scroll; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }

body { background: #fff; font-family: "Open Sans", Arial, sans-serif; font-size: 14px; line-height: 1.64; color: #252525;}

em {font-size: 18px;}

a { cursor: pointer; text-decoration: none; color: inherit; }

a:hover { text-decoration: none; }



img { border: 0; vertical-align: middle; max-width: 100%; }

textarea { resize: none; overflow: auto; }



textarea,

input { box-sizing: border-box; }

input[type="submit"] { -webkit-appearance: none; cursor: pointer; }



ul,

ol { list-style-position: inside; }



::-webkit-input-placeholder { color: inherit; }

:-moz-placeholder { color: inherit; opacity: 1; }

::-moz-placeholder { color: inherit; opacity: 1; }

:-ms-input-placeholder { color: inherit; }



/* ==========================================================================

	#Helpers

========================================================================== */

.alignleft { float: left; }

.alignright { float: right; }



.form-cols:after,

.form-cols:before,

.footer-middle .shell:after,

.footer-middle .shell:before,

.cols:after,

.cols:before,

.iwacontactform:after,

.iwacontactform:before,

.header-inner .shell:before,

.header-inner .shell:after,

.block:before,

.block:after { display: table; content: ' '; }

.form-cols:after,

.footer-middle .shell:after,

.cols:after,

.iwacontactform:after,

.header-inner .shell:after,

.block:after { clear: both; }

.footer-middle .shell,

.cols,

.iwacontactform,

.header-inner .shell,

.block { *zoom: 1; }



/* ------------------------------------------------------------ *\

	#Buttons

\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: top; }

.btn-quote { width: 266px; padding-left: 26px; background: url(images/btn-quote-bg.png) no-repeat 0 0; background-size: contain; color: #fff; text-align: center; box-sizing: border-box; }

.btn-quote:before { position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 27px; margin: -15px 0 0 -70px; background: url(images/ico-list.png) no-repeat 0 0; content: ''; background-size: contain; }



.btn-blue {    background-color: #1f9aff;

    color: #feefef; font-size: 18px; line-height: 20px; padding: 12px 26px; text-transform: uppercase; }



.btn-portfolio { font-size: 22px; line-height: 24px; padding: 16px 28px; text-transform: uppercase; }



/* ------------------------------------------------------------ *\

	#Get A Quote Button

\* ------------------------------------------------------------ */

/*.hovered-slider .btn-get-quote { right: -200px; }*/

.btn-get-quote { position: fixed; top: 50%; right: 0; z-index: 9999; display: block; color: #fff; font-family: "Lato", Arial, sans-serif; font-weight: 300; font-size: 33px; line-height: 1; letter-spacing: 0.025em; background: rgba(31, 154, 255, .85); -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 1;

	-webkit-transition: right .4s ease-in-out, opacity .4s ease-in-out; 

     -o-transition: right .4s ease-in-out, opacity .4s ease-in-out; 

        transition: right .4s ease-in-out, opacity .4s ease-in-out; 

}

.btn-get-quote span { display: block; }

.quote-text { padding: 16px 22px; }

.quote-icon { position: absolute; top: -66px; left: 50%; width: 62px; height: 72px; background: rgba(31, 154, 255, .85); margin: 0 0 0 -29px; }

.quote-icon:after { position: absolute; top: 50%; left: 50%; display: block; width: 33px; height: 44px; background: url(images/ico-list.png) no-repeat 0 0; content: ''; background-size: contain; -webkit-backface-visibility: hidden; backface-visibility: hidden;

	-webkit-transform: translate(-50%, -50%); 

	    -ms-transform: translate(-50%, -50%); 

	     -o-transform: translate(-50%, -50%); 

	        transform: translate(-50%, -50%); 

}

.quote-icon { -webkit-backface-visibility: hidden; backface-visibility: hidden;

	-webkit-transform: rotate(90deg); 

	    -ms-transform: rotate(90deg); 

	     -o-transform: rotate(90deg); 

	        transform: rotate(90deg); 

}

.btn-get-quote {

	-webkit-transform: rotate(-90deg) translate(50%, -50%); 

	    -ms-transform: rotate(-90deg) translate(50%, -50%); 

	     -o-transform: rotate(-90deg) translate(50%, -50%); 

	        transform: rotate(-90deg) translate(50%, -50%); 

	-webkit-transform-origin: 100% 50%; 

	   -moz-transform-origin: 100% 50%; 

	    -ms-transform-origin: 100% 50%; 

	     -o-transform-origin: 100% 50%; 

	        transform-origin: 100% 50%;

    

}



.close-tab { position: absolute; top: 20px; right: 20px; font-size: 22px; color: #fff; cursor: pointer; }

.close-tab:before { position: absolute; top: 0; right: 0; background: #fff; height: 4px; width: 25px; content: '';

	-webkit-transform: rotate(45deg); 

	    -ms-transform: rotate(45deg); 

	     -o-transform: rotate(45deg); 

	        transform: rotate(45deg);

    -webkit-transform-origin: 50% 50%; 

       -moz-transform-origin: 50% 50%; 

        -ms-transform-origin: 50% 50%; 

         -o-transform-origin: 50% 50%; 

            transform-origin: 50% 50%; 

}

.close-tab:after { position: absolute; top: 0; left: -25px; background: #fff; height: 4px; width: 25px; content: '';

	-webkit-transform: rotate(-45deg); 

	    -ms-transform: rotate(-45deg); 

	     -o-transform: rotate(-45deg); 

	        transform: rotate(-45deg); 



    -webkit-transform-origin: 50% 50%; 

       -moz-transform-origin: 50% 50%; 

        -ms-transform-origin: 50% 50%; 

         -o-transform-origin: 50% 50%; 

            transform-origin: 50% 50%; 

}



/* ------------------------------------------------------------ *\

	#General

\* ------------------------------------------------------------ */

.col { float: left; box-sizing: border-box; }

.col-1of2 { width: 50%; }



/*@font-face {

  font-family: 'FontAwesome';

  src: url('css/fonts/fontawesome-webfont_v-4.1.0.eot');

  src: url('css/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('css/fonts/fontawesome-webfont_v-4.1.0.woff') format('woff'), url('css/fonts/fontawesome-webfont_v-4.1.0.ttf') format('truetype'), url('css/fonts/fontawesome-webfont_v-4.1.0-fontawesomeregular.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

.widget-contacts .mail:before,

.widget-contacts .phone:before {

  display: inline-block;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}
*/


/* ------------------------------------------------------------ *\

	#Containers

\* ------------------------------------------------------------ */

.shell { max-width: 1808px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.shell-medium { max-width: 1200px; margin: 0 auto; box-sizing: border-box; }

.main { padding-top: 190px; }

.main-head { position: relative; width: 100%; /*margin-bottom: 47px; */ }

.main-head h1 { position: relative; padding-bottom: 27px; padding-left: 40px; max-width: 850px; font-family: "Lato", Arial, sans-serif; font-size: 45px; line-height: 1; color: #14181d; }

.main-head.has-icon { border-bottom: 0; }

.main-head h1 { padding-left: 50px; border-bottom: 1px solid #ecf0f1; }

.main-body { overflow: hidden; }

.full-width { padding-bottom: 47px; }



.main .content { float: left; width: 73.75%; padding: 50px 0px; text-align: justify; }

.main .content .article-meta { text-align: left; }

.main .sidebar { float: right; width: 22.5%; }



.page-icon { position: absolute; top: 50%; left: -81px; display: block; margin-top: -54px; }

.page-icon img { max-width: 100%; height: auto; }

.page-icon:after { position: absolute; top: 0; right: 100%; display: block; height: 100%; width: 4000px; content: ''; background: #22262b; }



/* ------------------------------------------------------------ *\

	#Header

\* ------------------------------------------------------------ */

.header.header-scrolled .btn-quote { width: 210px; background-size: 100% 100%; }

.header.header-scrolled .header-inner { padding: 20px 0; }

.header.header-scrolled .btn-quote:before { width: 15px; height: 15px; margin: -7px 0 0 -50px; }

.header.header-scrolled .header-bar .phone:before { top: 7px; width: 19px; height: 20px; }

.header.header-scrolled .header-bar a { height: 32px; line-height: 32px; }

.header.header-scrolled .header-bar a,

.header.header-scrolled .nav a { font-size: 15px; }

.header.header-scrolled .nav a { padding: 5px 15px; }

.header.header-scrolled .nav { margin-right: 10px; }

.header.header-scrolled .callout { width: 38.14%; }

.btn-get-quote.hide {

	right: -200px;

	opacity: 0;

}



.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: rgba(20, 24, 29, .93); }

.header .shell { position: relative; max-width: 100%; }

.header-inner { padding: 32px 0; }



.header-bar .callout { display: inline-block; width: 46.14%; background: #14181d; text-align: left; }

.header-bar { text-align: right; }

.header-bar a { position: relative; display: inline-block; height: 45px; line-height: 45px; font-weight: bold; font-size: 17px; margin-left: -20px; }

.header-bar .phone { padding-left: 64px; color: #25aeff; }

.header-bar .phone:before { position: absolute; top: 9px; left: 29px; display: block; width: 24px; height: 25px; background: url(images/ico-phone.png) no-repeat 0 0; background-size: contain; content: ''; }



/* ------------------------------------------------------------ *\

	#Logo

\* ------------------------------------------------------------ */

.logo { position: absolute; top: -67px; left: 4.27%; float: left; display: block; width: 464px; height: 137px; background: url(images/logo-ld-sprite.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.header.header-scrolled .logo { top: -30px; height: 67px; background-position: 0 -276px; }



/* ------------------------------------------------------------ *\

	#Nav

\* ------------------------------------------------------------ */

.nav { float: right; margin-right: 95px; }

.nav ul { list-style: none outside none; }

.nav li { position: relative; float: left; }

.nav li:hover > ul { visibility: visible; opacity: 1; }

.nav a { display: block; padding: 9px 15px; border: 2px solid transparent; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; letter-spacing: 0.02em; }

.nav .current-menu-item > a,

.nav li:hover > a { border: 2px solid #208de7; color: #1f9aff; }

.nav ul ul li { float: none; display: block; }

.nav ul ul { position: absolute; top: 100%; left: 0; width: 250px; padding: 0; background: rgba(20, 24, 29, .93); box-sizing: border-box; visibility: hidden; opacity: 0;

	-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; 

	     -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; 

	        transition: visibility .3s ease-in-out, opacity .3s ease-in-out; 

}

.nav ul ul ul { position: absolute; top: 0; left: 100%; }

.nav ul ul a { padding: 5px 15px; font-size: 14px; }

.nav ul ul li:hover > a { border-color: transparent; }



/* ------------------------------------------------------------ *\

	#Articles

\* ------------------------------------------------------------ */

.single-post .main-head { margin-bottom: 20px; }

.articles { padding-bottom: 16px; }

.articles .article-image { float: left; width: 43.389%; margin-right: 3.615%; max-width: 255px; }

.articles .article-image img { max-width: 100%; height: auto; }

.articles .article-content { overflow: hidden; }



.articles .article { padding-bottom: 42px; border-bottom: 1px solid #ecf0f1; margin-bottom: 39px; }

.articles .article:last-child { border-bottom: 0; }

.article { overflow: hidden; }

.article h3 { margin-bottom: 13px; font-size: 26px; line-height: 1.15; color: #14181d; text-transform: uppercase; }

.article h3 a { color: #14181d; }

.article p { padding-bottom: 22px; font-size: 14px; line-height: 1.64; color: #96a1b1; }

.article strong,

.article a { color: #1f9aff; }

.article a:hover { color: #2d4b71; text-decoration: underline; }

.article-meta { padding-bottom: 20px; margin-bottom: 15px; }

.article-meta ul { overflow: hidden; list-style: none outside none; }

.article-meta li { float: left; font-size: 14px; color: #96a1b1; text-transform: uppercase; line-height: 1; }

.article-meta li + li { padding-left: 12px; }

.article-meta li + li:before { position: relative; top: -2px; display: inline-block; margin-right: 7px; content: '-'; vertical-align: middle; }

.article-meta li a { color: #96a1b1; }



.article-foot { overflow: hidden; padding-top: 26px; border-top: 1px solid #ecf0f1; }

.article-foot .link-twitter,

.article-foot .link-facebook,

.article-foot .link-googleplus,

.article-foot .link-pinterest,

.article-foot .link-linkedin { width: 34px; height: 34px; }

.article-foot .socials { float: right; margin-top: 3px; }

.article-foot .socials li { margin: 0 2px; }



.article-foot .link-more { position: relative; float: left; padding: 5px 39px 5px 11px; border: 2px solid #1f9aff; font-family: "Lato", Arial, sans-serif; font-size: 14px; color: #1f9aff; text-transform: uppercase; font-weight: bold; }

.article-foot .link-more:hover { text-decoration: none; color: #fff; background: #1f9aff; }

.article-foot .link-more:after { position: absolute; top: 13px; right: 16px; display: block; width: 4px; height: 7px; background: url(images/btn-arrow-blue.png) no-repeat 0 0; content: ''; background-size: contain; }

.article-foot .link-more:hover:after { background: url(images/btn-arrow.png) no-repeat 0 0; content: ''; background-size: contain; }



/* ------------------------------------------------------------ *\

    Default Pages

\* ------------------------------------------------------------ */



.main-body .content p { padding-bottom: 20px; font-size: 15px; line-height: 1.6; letter-spacing: -0.005em; color: #000; }

.main-body .content img.alignleft { margin: 0 15px 0 35px; }



.main-body .content .content-foot { padding-top: 50px; margin-top: 30px; border-top: 1px solid #ecf0f1; }



/* ------------------------------------------------------------ *\

	#Section Slider

\* ------------------------------------------------------------ */

.section-slider { position: relative; height: 1034px; }

.section-slider .section-content { position: absolute; top: 0; left: 0; width: 40.31%; z-index: 6; padding: 10.55% 4.5% 2% 4.27%; background: rgba(20, 24, 29, .93); box-sizing: border-box; }

.section-slider .section-content {

	-webkit-transition: left .5s linear 0s; 

	-moz-transition: left .5s linear 0s; 

	-ms-transition: left .5s linear 0s; 

	-o-transition: left .5s linear 0s; 

	transition: left .5s linear 0s; 

}

.section-slider .section-content h2 { margin-bottom: 4px; font-family: "Lato", Arial, sans-serif; font-size: 79px; color: #fff; font-weight: 300; line-height: 0.9; text-transform: uppercase; }

.section-slider .section-content h2 span { font-size: 69px; }

.section-slider .section-content h5 { margin-bottom: 27px; font-family: "Lato", Arial, sans-serif; font-size: 23px; line-height: 1.52; color: #1f9aff; letter-spacing: 0.02em; font-weight: normal; }

.section-slider .section-content p { margin-bottom: 34px; font-size: 18px; line-height: 1.83; color: #cdd1d7; }

.section-slider .section-content a { position: relative; display: inline-block; padding: 11px 86px 11px 20px; border: 2px solid #1f9aff; font-family: "Lato", Arial, sans-serif; font-weight: bold; font-size: 17px; text-transform: uppercase; color: #1f9aff; }

.section-slider .section-content a:after { position: absolute; top: 20px; right: 28px; display: block; width: 6px; height: 10px; background: url(images/btn-arrow.png) no-repeat 0 0; background-size: contain; content: ''; }

.section-slider .section-content a:hover { background: #1f9aff; color: #fff; }



.section-slider.content-hidden .section-content { left: -40.31%; }

.section-slider.content-hidden .slider-home-actions .slider-prev { left: 0; }



.section-slider .section-content a.content-arrow { position: absolute; top: 16.55%; left: 100%; z-index: 1; display: none; padding: 11px; }

.section-slider .section-content a.content-arrow:after { display: none; }

.section-slider.content-hidden .section-content a.content-arrow { display: block; }





.slider-home { position: relative; z-index: 5; }

.slider-home .slider-clip { position: relative; z-index: 40; }

.slider-home,

.slider-home .slider-clip,

.slider-home .slides,

.slider-home .caroufredsel_wrapper,

.slider-home .slide { height: 100% !important; }

.slider-home .slide { position: relative; }

.slider-home .slide iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; min-height: 100%; min-width: 100%; }

.slider-home .slider-paging { position: absolute; bottom: 59px; right: 73px; z-index: 50; }

.slider-home .slider-paging ul { font-size: 0; }

.slider-home .slider-paging li { position: relative; display: inline-block; width: 23px; height: 23px; border: 2px solid #10120f; border-radius: 50%; box-sizing: border-box; cursor: pointer; }

.slider-home .slider-paging li + li { margin-left: 4px; }

.slider-home .slider-paging li:hover,

.slider-home .slider-paging li.selected { border: 2px solid #2894e6; }

.slider-home .slider-paging li:hover:after,

.slider-home .slider-paging li.selected:after { background: #2894e6; }

.slider-home .slider-paging li:after { position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; border-radius: 50%; background: #10120f; content: ''; margin: -7px 0 0 -7px; }



.hovered-slider .section-slider { z-index: 889; }

.hovered-slider .slider-home-actions { opacity: 1; z-index: 8; }

.slider-home-actions { position: absolute; top: 50%; left: 0; width: 100%; z-index: 777; opacity: 0; margin-top: -45px; 

	-webkit-transition: opacity .4s ease-in-out; 

	     -o-transition: opacity .4s ease-in-out; 

	        transition: opacity .4s ease-in-out; 

}

.slider-home-actions .slider-next,

.slider-home-actions .slider-prev { position: absolute; display: block; width: 60px; height: 98px; z-index: 777; background: rgba(255,255,255, .11); font-size: 0; line-height: 0; text-indent: -4000px;

	-webkit-transition: background .4s ease-in-out, left .5s linear 0s; 

	     -o-transition: background .4s ease-in-out, left .5s linear 0s; 

	        transition: background .4s ease-in-out, left .5s linear 0s; 

}

.slider-home-actions .slider-next:hover,

.slider-home-actions .slider-prev:hover { background: rgba(255,255,255, .8); }

.slider-home-actions .slider-prev { left: 40.31%; }

.slider-home-actions .slider-next { right: 0; }

.slider-home-actions .slider-next:after,

.slider-home-actions .slider-prev:after { position: absolute; top: 50%; left: 50%; display: block; width: 21px; height: 33px; background: url(images/arrow-white-right.png) no-repeat 0 0; background-size: contain; content: ''; }

.slider-home-actions .slider-next:after {

	-webkit-transform: translate(-50%, -50%); 

	    -ms-transform: translate(-50%, -50%); 

	     -o-transform: translate(-50%, -50%); 

	        transform: translate(-50%, -50%); 

}

.slider-home-actions .slider-prev:after {

	-webkit-transform: translate(-50%, -50%) rotate(-180deg); 

	    -ms-transform: translate(-50%, -50%) rotate(-180deg); 

	     -o-transform: translate(-50%, -50%) rotate(-180deg); 

	        transform: translate(-50%, -50%) rotate(-180deg); 

}



/* ------------------------------------------------------------ *\

	#Slider Services

\* ------------------------------------------------------------ */

.slides { list-style: none outside none; }

.slide { float: left; }

.slider-services { position: relative; }

.slider-services,

.slider-services .slider-clip,

.slider-services .slides,

.slider-services .slide { height: 235px; overflow: hidden; }

.slider-services .slides { background: #1f9aff; }

.slider-services .slide { position: relative; background: #1f9aff; color: #fff; text-align: center; box-sizing: border-box; }

.slider-services .slide:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; z-index: 0; visibility: hidden; opacity: 0; }

.slider-services .slide:hover:after { visibility: visible; opacity: 1; }

.slider-services .slide ~ .slide { border-left: 1px solid #1a8cea; }

.slider-services .slider-actions { position: absolute; top: 50%; left: 0; width: 100%; z-index: 888; margin-top: -24px; }

.slider-services .slider-next,

.slider-services .slider-prev { position: absolute; display: block; width: 32px; height: 48px; background: rgba(255,255,255, .11); font-size: 0; line-height: 0; text-indent: -4000px;

	-webkit-transition: background .4s ease-in-out; 

	     -o-transition: background .4s ease-in-out; 

	        transition: background .4s ease-in-out; 

}

.slider-services .slider-next:hover,

.slider-services .slider-prev:hover { background: rgba(255,255,255, .8); }

.slider-services .slider-next { right: 0; }

.slider-services .slider-next:after,

.slider-services .slider-prev:after { position: absolute; top: 50%; left: 50%; display: block; width: 8px; height: 13px; background: url(images/btn-arrow.png) no-repeat 0 0; background-size: contain; content: ''; }

.slider-services .slider-next:after {

	-webkit-transform: translate(-50%, -50%); 

	    -ms-transform: translate(-50%, -50%); 

	     -o-transform: translate(-50%, -50%); 

	        transform: translate(-50%, -50%); 

}

.slider-services .slider-prev:after {

	-webkit-transform: translate(-50%, -50%) rotate(-180deg); 

	    -ms-transform: translate(-50%, -50%) rotate(-180deg); 

	     -o-transform: translate(-50%, -50%) rotate(-180deg); 

	        transform: translate(-50%, -50%) rotate(-180deg); 

}



.slider-services .service a { position: relative; display: block; padding-top: 32px; padding-bottom: 27px; }

.service-icon { position: relative; display: inline-block; border-radius: 50%; border-radius: 50%; backface-visibility: hidden; -webkit-backface-visibility: hidden; }

.service-icon:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; border-radius: 50%; }

.service { position: relative; z-index: 5; }

.service img { display: block; width: 141px; height: 141px; margin: 0 auto; border-radius: 50%; }

.service a:hover .service-icon:after { box-shadow: inset 0 0 0 9px rgba(255,255,255,0.5); }

.service h4 { margin-top: 10px; font-size: 18px; line-height: 1.33; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(4, 4, 4, .19); }



/* ------------------------------------------------------------ *\

	#Widgets

\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

.widget-about p { font-size: 17px; line-height: 1.82; color: #cdd1d7; }

.widget-about ul { margin: 30px 0 0; list-style: none outside none; font-size: 0; }

.widget-about li { display: inline-block; font-size: 17px; vertical-align: middle; }

.widget-about li a { display: block; }

.widget-about li + li { margin-left: 19px; }



.posts { list-style: none outside none; }

.widget-popular .posts { overflow: hidden; font-size: 0; line-height: 0; }

.widget-popular .post { display: inline-block; width: 50%; padding-right: 2%; margin-bottom: 31px; box-sizing: border-box; font-size: 17px; line-height: 1.59; vertical-align: top; }

.widget-popular .post:nth-child(2n+2) { padding-right: 0; }

.widget-popular .post-image { float: left; width: 25%; margin-right: 2%; max-width: 73px; }

.widget-popular .post-image img { max-width: 100%; height: auto; }

.widget-popular .post-content { float: left; width: 73%; position: relative; top: -2px; }

.widget-popular .post-content p { font-size: 17px; line-height: 1.59; color: #96a1b1; letter-spacing: 0.02em; }

.widget-popular .post-meta { display: block; margin: 8px 0 0; font-size: 15px; line-height: 1; color: #1f9aff; }



.widget-links { overflow: hidden; }

.widget-links ul { float: left; width: 50%; list-style: none outside none; }

.widget-links li { position: relative; display: inline-block; width: 76%; padding-left: 34px; box-sizing: border-box; }

.widget-links li:before { position: absolute; top: 11px; left: 9px; display: block; width: 10px; height: 10px; border-radius: 50%; background: #fff; content: ''; }

.widget-links a { display: block; font-size: 19px; color: #96a1b1; }

.widget-links li:hover > a { color: #1f9aff; }

.widget-links li:hover:before { background: #1f9aff; }

.footer-middle .widget-links ul{ width: 100% !important; }
.footer-middle .widget-links ul li { width: 50% !important; float: left;}



.widget-contacts { font-size: 19px; }

.widget-contacts p { font-size: 19px; line-height: 1.58; color: #fff; }

.widget-contacts ul { margin: 42px 0 0; list-style: none outside none; }

.widget-contacts li { position: relative; margin-bottom: 34px; color: #1f9aff; padding-left: 37px; font-weight: bold; }

.widget-contacts li a { display: inline-block; vertical-align: middle; }

.widget-contacts li a:hover { color: #fff; }

.widget-contacts li a ~ a { margin-left: 14px; }

.widget-contacts .phone:before,

.widget-contacts .mail:before,

.widget-contacts .fax:before { position: absolute; top: 6px; left: 0; font-size: 27px; }

.widget-contacts .phone:before { content: "\f095"; }

.widget-contacts .mail:before { top: -2px; font-size: 27px; content: "\f0e0"; }

.widget-contacts .fax:before { display: block; width: 26px; height: 23px; background: url(images/ico-fax.png) no-repeat 0 0; content: ''; background-size: contain; }



.widget-tabs .tabs-nav { margin-bottom: 27px; }

.widget-tabs .tabs-nav ul { padding-top: 4px; list-style: none outside none; font-size: 0; }

.widget-tabs .tabs-nav li { position: relative; display: inline-block; width: 50%; background: #e7ebf1; border-top: 4px solid transparent; border-bottom: 4px solid transparent; font-size: 14px; text-align: center; }

.widget-tabs .tabs-nav li:after { position: absolute; top: -7px; left: 0; width: 100%; background: #1f9aff; height: 4px; content: ''; visibility: hidden; opacity: 0; }

.widget-tabs .tabs-nav a { display: block; padding: 3px 0; font-weight: bold; color: #14181d; text-transform: uppercase; }



.widget-tabs .tabs-nav li.current,

.widget-tabs .tabs-nav li:hover { background: #1f9aff; }

.widget-tabs .tabs-nav li.current:after,

.widget-tabs .tabs-nav li:hover:after { visibility: visible; opacity: 1; }

.widget-tabs .tabs-nav li.current a,

.widget-tabs .tabs-nav li:hover a { color: #fff; }



.widget-tabs .post { padding-bottom: 10px; border-bottom: 1px solid #ecf0f1; margin-bottom: 21px; }

.widget-tabs .post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.widget-tabs .post-content,

.widget-tabs .post { overflow: hidden; }

.widget-tabs .post p a { color: #1f9aff; }

.widget-tabs .post-image { float: left; width: 29.63%; margin-right: 2.96%; }

.widget-tabs .post-image img { max-width: 100%; height: auto; }

.widget-tabs .post-content h4 { margin-bottom: 7px; font-family: "Lato", Arial, sans-serif; font-size: 15px; line-height: 1; color: #14181d; letter-spacing: 0.02em; text-transform: uppercase; }

.widget-tabs .post-content h4 a { padding: 0; }

.widget-tabs .post-content p { margin-bottom: 9px; font-size: 12px; color: #96a1b1; line-height: 1.3; }

.widget-tabs .post-content .post-meta { font-size: 10px; color: #2d4b71; }

.widget-tabs .tab { display: none; }

.widget-tabs .tab.current { display: block; }



.sidebar .widget { margin-bottom: 41px; }

.sidebar .widget-title { padding-bottom: 13px; border-bottom: 3px solid #e7ebf1; font-size: 17px; line-height: 1; color: #2c3e50; text-transform: uppercase; }



.sidebar .widget ul { list-style: none outside none; }

.sidebar .widget:not(.widget-tabs) li { border-bottom: 1px solid #dee5e9; }

.sidebar .widget:not(.widget-tabs) a { display: inline-block; padding: 15px 0 15px; font-size: 14px; color: #2d4b71; }

.sidebar .widget a:hover { color: #1f9aff; }



.widget_search label { display: none; }

.widget_search .searchfield { padding: 5px 7px; width: 100%; }

.widget_search .searchsubmit { display: none; }



/* ------------------------------------------------------------ *\

	#Footer

\* ------------------------------------------------------------ */

.footer { background: #14181d; }

.footer .widget h2 { margin-bottom: 28px; font-size: 23px; line-height: 1; color: #fff; text-transform: uppercase; }

.footer .widget h2 img { position: relative; top: -2px; width: 50px; height: 41px; display: inline-block; margin-right: 15px; }

.footer-top { padding: 114px 0 37px; }

.footer-top .col-1of2 ~ .col-1of2 { padding-left: 2%; }

.footer-middle { overflow: hidden; padding: 65px 0 83px; border-top: 1px solid #171e24; border-bottom: 1px solid #171e24; }

.footer-bottom { padding-bottom: 10px; position: relative; top: -32px; text-align: center; }

.footer-middle .widget { float: left; width: 26%; }

.footer-middle .widget ~ .widget { margin-left: 3%; }

.footer-middle .widget-links { width: 36%; }

.footer-middle .widget.widget-form { width: 31%; margin-left: 2%; }



.contact-form img { max-width: 100%; height: auto; }

.iwacontactform li { float: left; width: 100%; }

.iwacontactform li.buttons { margin-right: 0% !important; }

.iwacontactform li input { width: calc(100% - 0px) !important; }

.iwacontactform li input.error { border-color: #800 !important; }

.iwacontactform li .ajax-feedback { display: inline-block !important; }



.copyright { margin-top: 24px; font-family: "Lato", Arial, sans-serif; }

.copyright p { font-size: 19px; line-height: 2.11; color: #fff; }

.copyright h6 { font-size: 16px; color: #fff; font-weight: normal; }



/* ------------------------------------------------------------ *\

    Shortcodes

\* ------------------------------------------------------------ */



/* Block */

.block { clear: both; padding:0 0 20px 0; }



.block .block-icon { border-radius: 50%; background-color: #22262b; width: 59px; height: 59px; text-align: center; white-space: nowrap; font-size: 0; line-height: 0; margin: 0 35px; float: left; }

.block .block-icon:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.block .block-icon img { vertical-align: middle; }



.block .block-icon + .block-text { margin-left: 130px; }

.block .block-text {font-family: "Lato", Arial, sans-serif; font-size: 21px; line-height: 28px; color: #ff7200; letter-spacing: 0.01em; padding-right: 65px;}

.block .block-text-Q {font-family: "Lato", Arial, sans-serif; font-size: 28px; line-height: 56px; color: #ff7200; letter-spacing: 0.01em; padding-right: 65px;}
.block .block-text-A {font-family: "Lato", Arial, sans-serif; font-size: 18px !important; line-height: 22px; color: black !important; letter-spacing: 0.01em; padding-right: 65px;}


/* ------------------------------------------------------------ *\

	#Quote Tab

\* ------------------------------------------------------------ */

.get-a-quote-tab { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(20, 24, 29, .93); box-sizing: border-box;

	-webkit-transform: translate(100%, 0); 

	    -ms-transform: translate(100%, 0); 

	     -o-transform: translate(100%, 0); 

	        transform: translate(100%, 0); 
  overflow-y:scroll;
  overflow-X:hidden;
}

.get-a-quote-tab .tab {  position: absolute;

  top: 20%;

  left: 30%;

  /*bottom: 30%;*/

  right: 30%;

  margin: 20px;

  border-radius: 20px;

  background: rgba(20, 24, 29, 1);

  box-sizing: border-box;

  padding: 50px;

  max-height: 100%;
}

.tab textarea#message {width: 100%;

  background-color: transparent;

  border: 1px solid #2d4b71;

  font-family: "Open Sans", Arial, sans-serif;

  font-size: 15px;

  color: #96a1b1;

  -webkit-transition: border .2s ease-in-out;

  -o-transition: border .2s ease-in-out;

  transition: border .2s ease-in-out;

    height: 92px;

  padding: 0 17px;}



.tab    button.ajax-submit 

{  -webkit-transition: background .4s ease-in-out;

  -o-transition: background .4s ease-in-out;

  transition: background .4s ease-in-out;





  position: relative;

  display: block;

  width: 100%;

  border: 0;

  background: #1f9aff;

  height: 50px;

  line-height: 50px;

  text-align: center;

  font-family: "Lato", Arial, sans-serif;

  font-weight: bold;

  text-transform: uppercase;

  color: #fff;

  font-size: 19px;

  letter-spacing: 0.02em;

  cursor: pointer;}



/* ------------------------------------------------------------ *\

	#Socials

\* ------------------------------------------------------------ */

.socials ul { list-style: none outside none; font-size: 0; }

.socials li { display: inline-block; font-size: 17px; margin: 0 4px; }

.socials li a { width: 73px; height: 69px; }

.link-twitter { background: url(images/link-twitter.png) no-repeat 0 0; }

.link-facebook { background: url(images/link-facebook.png) no-repeat 0 0; }

.link-googleplus { background: url(images/link-googleplus.png) no-repeat 0 0; }

.link-pinterest { background: url(images/link-pinterest.png) no-repeat 0 0; }

.link-linkedin { background: url(images/link-linkedin.png) no-repeat 0 0; }

.link-twitter,

.link-facebook,

.link-googleplus,

.link-pinterest,

.link-linkedin { display: block; width: 73px; background-size: contain; font-size: 0; line-height: 0; text-indent: -4000px;}



.socials a { display: block; border-radius: 50%; position: relative; }

.socials a:after { position: absolute; top: 0; left: 2px; bottom: 2px; right: 2px; border-radius: 50%; content: ''; }

.socials a:hover:after { box-shadow: inset 0 0 0 5px rgba(255,255,255,0.5); }

.article-foot .socials a:after { top: 0; left: 0; bottom: 0; right: 0; }

.article-foot .socials a:hover:after { box-shadow: inset 0 0 0 4px rgba(255,255,255,0.5); }



.article-foot .link-linkedin,

.article-foot .link-twitter,

.article-foot .link-facebook,

.article-foot .link-pinterest,

.article-foot .link-googleplus,

.article-foot .link-linkedin { width: 33px; height: 33px; background: url(images/soc-sprite-inner.png) no-repeat; background-size: auto 100%; }

.article-foot .link-twitter { background-position: 1px 1px; }

.article-foot .link-facebook { background-position: -37px 1px; }

.article-foot .link-googleplus { background-position: -76px 1px; }

.article-foot .link-pinterest { background-position: -114px 1px; }

.article-foot .link-linkedin { background-position: -153px 1px; }



.articles .navigation { padding-bottom: 20px; color: #1f9aff; }

.articles .navigation a { color: #1f9aff; }



/* ------------------------------------------------------------ *\

	#Contact Form

\* ------------------------------------------------------------ */

.form-row { margin-bottom: 9px; }

.form-col { float: left; }

.form-col-size1 { width: 49.180%; }

.form-col-size1 ~ .form-col-size1 { margin-left: 1.639%; }

.textarea,

.field { width: 100%; background-color: transparent; border: 1px solid #2d4b71; font-family: "Open Sans", Arial, sans-serif; font-size: 15px; color: #96a1b1;

	-webkit-transition: border .2s ease-in-out; 

	     -o-transition: border .2s ease-in-out; 

	        transition: border .2s ease-in-out; 

}

.field { height: 42px; padding: 0 17px; }

.field:focus,

.textarea:focus { border: 1px solid #1f9aff; }

.field-xxsmall:focus { border: 1px solid #2d4b71; }

.textarea { padding: 11px 17px; height: 75px; }

.form-label { display: inline-block; font-size: 17px; color: #96a1b1; vertical-align: middle; margin-bottom: 10px; }

.field-xxsmall { width: 54px; height: 42px; }

.field-small { width: 86px; height: 42px; }

.form-row-alt { margin-bottom: 15px; }

.form-row-alt span { display: inline-block; padding: 0 5px; vertical-align: middle; font-size: 19px; line-height: 1; }



.form-btn { position: relative; display: block; width: 100%; border: 0; background: #1f9aff; height: 50px; line-height: 50px; text-align: center; font-family: "Lato", Arial, sans-serif; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 19px; letter-spacing: 0.02em; cursor: pointer; }

.form-btn:hover { background: #41a9ff; }

.form-btn:hover:after { background-color: #41a9ff; }

.form-btn:after { position: absolute; top: 0; right: 0; width: 50px; background: #1e94f5 url(images/btn-arrow.png) no-repeat center center; height: 100%; content: ''; background-size: 9px 15px; }



/* ------------------------------------------------------------ *\

	#Transitions AND #Transforms

\* ------------------------------------------------------------ */

.widget-archive a,

.nav a {

	-webkit-transition: color .3s ease-in-out, border .3s ease-in-out; 

	     -o-transition: color .3s ease-in-out, border .3s ease-in-out; 

	        transition: color .3s ease-in-out, border .3s ease-in-out; 

}

.widget-tabs .tabs-nav li,

.article-foot .link-more,

.slider-home .slider-paging li,

.slider-home .slider-paging li:after,

.section-slider .section-content a {

	-webkit-transition: color .4s ease-in-out, background .4s ease-in-out, border .4s ease-in-out; 

	     -o-transition: color .4s ease-in-out, background .4s ease-in-out, border .4s ease-in-out; 

	        transition: color .4s ease-in-out, background .4s ease-in-out, border .4s ease-in-out; 

}



.article a,

.widget-contacts li a,

.widget-links li a {

	-webkit-transition: color .4s ease-in-out; 

	     -o-transition: color .4s ease-in-out; 

	        transition: color .4s ease-in-out; 

}

.form-btn,

.form-btn:after,

.widget-links li:before {

	-webkit-transition: background .4s ease-in-out; 

	     -o-transition: background .4s ease-in-out; 

	        transition: background .4s ease-in-out; 

}



.get-a-quote-tab {

	-webkit-transition: -webkit-transform .4s ease-in-out; 

	     -o-transition: -o-transform .4s ease-in-out; 

	        transition: transform .4s ease-in-out; 

}

.get-a-quote-tab.opened {

	-webkit-transform: translate(0, 0); 

	    -ms-transform: translate(0, 0); 

	     -o-transform: translate(0, 0); 

	        transform: translate(0, 0); 

}

.widget-tabs .tabs-nav li a {

	-webkit-transition: color .4s ease-in-out; 

	     -o-transition: color .4s ease-in-out; 

	        transition: color .4s ease-in-out; 

}

.widget-tabs .tabs-nav li:after {

	-webkit-transition: opacity .4s ease-in-out, visibility .4s ease-in-out; 

	     -o-transition: opacity .4s ease-in-out, visibility .4s ease-in-out; 

	        transition: opacity .4s ease-in-out, visibility .4s ease-in-out; 

}

.slider-services .slide:after {

	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; 

	     -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; 

	        transition: opacity .3s ease-in-out, visibility .3s ease-in-out; 

}

.article-foot .socials a:after,

.footer .socials a:after,

.service-icon:after {

	-webkit-transition: box-shadow .3s ease; 

	     -o-transition: box-shadow .3s ease; 

	        transition: box-shadow .3s ease; 

}



.fsr-container { overflow: hidden; background-repeat: no-repeat; background-size: cover; }

.fsr-image { position: absolute; }

.fsr-hidden { display: none; }



/* ------------------------------------------------------------ *\

	#Gradients

\* ------------------------------------------------------------ */

.slider-services .slide:after {

	background: rgb(50,201,255);

	background: -moz-linear-gradient(top,  rgba(50,201,255,1) 0%, rgba(48,199,255,1) 37%, rgba(45,193,253,1) 46%, rgba(46,191,255,1) 56%, rgba(36,170,255,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,201,255,1)), color-stop(37%,rgba(48,199,255,1)), color-stop(46%,rgba(45,193,253,1)), color-stop(56%,rgba(46,191,255,1)), color-stop(100%,rgba(36,170,255,1)));

	background: -webkit-linear-gradient(top,  rgba(50,201,255,1) 0%,rgba(48,199,255,1) 37%,rgba(45,193,253,1) 46%,rgba(46,191,255,1) 56%,rgba(36,170,255,1) 100%);

	background: -o-linear-gradient(top,  rgba(50,201,255,1) 0%,rgba(48,199,255,1) 37%,rgba(45,193,253,1) 46%,rgba(46,191,255,1) 56%,rgba(36,170,255,1) 100%);

	background: -ms-linear-gradient(top,  rgba(50,201,255,1) 0%,rgba(48,199,255,1) 37%,rgba(45,193,253,1) 46%,rgba(46,191,255,1) 56%,rgba(36,170,255,1) 100%);

	background: linear-gradient(to bottom,  rgba(50,201,255,1) 0%,rgba(48,199,255,1) 37%,rgba(45,193,253,1) 46%,rgba(46,191,255,1) 56%,rgba(36,170,255,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c9ff', endColorstr='#24aaff',GradientType=0 );

}



/* ------------------------------------------------------------ *\

	#Post Comments

\* ------------------------------------------------------------ */



.comments a { text-decoration: none; color: #1f9aff; }

.comments a:hover { text-decoration: underline; }

.comments h3 { border: 1px solid #ccc; border-left: 0; border-right: 0; padding: 10px; margin-bottom: 20px; font-size: 20px; text-align: left; }

.comments ol,

.comments ul { list-style-type: none !important; }

.comments li { background: none !important; }

.comments .commentlist { padding-left: 0; }

.comments .commentlist li { border-top: 1px solid #ccc; }

.comments .commentlist > li:first-child { border-top: 0; }

.comments .commentlist li > div { padding-bottom: 20px; padding-top: 20px; }

.comments .comment-text { padding: 10px 0 5px; margin: 10px 0; border: 1px dashed #ccc; border-left: 0; border-right: 0; }

.comments .comment-text p { padding-bottom: 5px; }

.comments .comment-meta { padding-top: 10px; }

.comments .children { padding-left: 40px; list-style-type: none !important; padding-bottom: 0; }

.comments .comment-author { margin-left: 10px; }



.comment-respond { padding-top: 20px; padding-bottom: 20px; }

.comment-respond form p { padding-bottom: 10px; }

.comment-respond .comment-reply-title { border: 1px solid #ccc; border-left: 0; border-right: 0; padding: 10px; margin-bottom: 10px; font-size: 20px; text-align: left; }

.comment-respond .comment-notes { padding: 5px 0; }

.comment-respond .comment-form { padding-left: 0; }

.comment-respond label { display: block; margin-top: 5px; }

.comment-respond input[type=text] { padding: 7px; width: 300px; max-width: 100%; border: 1px solid #ccc; background: #fff; }

.comment-respond textarea { width: 450px; max-width: 100%; height: 170px; padding: 7px; resize: vertical; border: 1px solid #ccc; }

.comment-respond input[type=submit] { margin-top: 10px; border: 0; background: #1f9aff; text-transform: uppercase; font-size: 15px; cursor: pointer; text-align: left; color: #fff; padding: 7px 12px; font-weight: bold; }

.comment-respond input[type=submit]:hover { color: rgba(255, 255, 255, .8); }





/* ------------------------------------------------------------ *\

	#Gravity Form

\* ------------------------------------------------------------ */

.gform_wrapper .gform_button { background: #1f9aff; border: 0; text-transform: uppercase; font-size: 15px; cursor: pointer; color: #fff; padding:7px 12px; font-weight: bold; min-width:140px;}

.gform_wrapper .gform_button:hover { color: rgba(255, 255, 255, .8); }



/* ------------------------------------------------------------ *\

	#Search

\* ------------------------------------------------------------ */

.searchform { padding: 30px 0;  }

.searchform .screen-reader-text { display: none; }

.searchform .searchfield { padding: 7px; width: 400px; max-width: 100%; display: inline-block; }

.searchform .searchsubmit { border: 0; background: 0; color: #1f9aff; text-transform: uppercase; }



/* ==========================================================================

	#Media - Smaller desktops

========================================================================== */

@media ( max-height: 600px ) {
.get-a-quote-tab .tab {  position: absolute;

    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  margin: 20px;

  border-radius: 20px;

  background: rgba(20, 24, 29, 1);

  box-sizing: border-box;

  padding: 50px;

  max-height: 100%;}
}
@media ( min-width: 1920px ) {

	.form-row-alt { overflow: hidden; }

	.form-row-alt .form-label { margin-top: 4px; }

	.form-row-alt .form-controls { float: right; vertical-align: middle; }

}



@media ( max-width: 1800px ) {

	.section-slider .section-content { padding: 11.55% 2.5% 3% 2.27%; }

	.section-slider .section-content h2 { font-size: 52px; }

	.section-slider .section-content h2 span { font-size: 46px; }

}

@media ( max-width: 1580px ) {
	
	
.nav {margin-right: 0;}

}

@media ( max-width: 1480px ) {

	.nav { margin-right: 2px; }

	.header.header-scrolled .nav a,

	.nav a { padding: 6px 12px; font-size: 14px; }

	.nav ul ul { width: 215px; }

	.nav ul ul a { font-size: 12px; padding: 6px 12px; }


	.section-slider .section-content { padding: 11.55% 2.5% 2% 2.27%; }

	.main-head h1 { width: 73.75%; max-width: 100%; box-sizing: border-box; }

	.main-head.has-icon h1 { padding-left: 100px; }

	.page-icon { left: -22px; }

}



@media (max-width: 1350px) {

	.logo { top: -48px; width: 317px; height: 92px; left: 2.27%; background-size: 100%; }

	.header.header-scrolled .logo { height: 50px; background-position: 0 -186px; background-size: 100%; }

	.header.header-scrolled .header-inner,

	.header-inner { padding: 15px 0; }

	.header-bar .callout { width: 36.14%; }

	.header-bar a { height: 40px; line-height: 40px; }

	.header.header-scrolled .nav,





	.copyright h6 { font-size: 12px; }

	.copyright p,

	.widget-about p,

	.section-slider .section-content p { font-size: 14px; }

	.widget-popular .post-content p { font-size: 14px; }

	.widget-contacts,

	.widget-contacts p,

	.widget-links a { font-size: 14px; }



	.widget-links li { padding-left: 25px; }

	.widget-links li:before { left: 5px; top: 9px; }



	.widget-about { padding-right: 4%; }



	.shell-medium,

	.shell { padding: 0 2.27%; }



	.widget-contacts .phone:before,

	.widget-contacts .mail:before,

	.widget-contacts .fax:before { top: 1px; }



	.widget-about li { width: 28%; }

	.widget-about li img { max-width: 100%; height: auto; }

	.widget-contacts li { padding-left: 34px; }

	.widget-contacts li a { margin-right: 14px; }

	.widget-contacts li a ~ a { margin-right: 0; margin-left: 0; }



	.footer-bottom .socials li a { width: 45px; height: 45px; }



	.btn-get-quote { right: -65px; }

}



/* ==========================================================================

	#Media - Small desktops & tablets in landscape

========================================================================== */

@media (max-width: 1200px) {


	.header-bar .callout { width: 49.14%; }

	.logo { top: -42px; width: 265px; height: 76px; background-size: 100%; }

	.header.header-scrolled .logo { top: -3px; height: 39px; background-position: 0 -158px; }



	.footer .widget h2 { font-size: 19px; }

	.widget-contacts,

	.widget-contacts p,

	.widget-links a { font-size: 15px; }

	.widget-links li a { display: inline-block; }



	.footer-middle .widget { margin-bottom: 40px; box-sizing: border-box; }

	.footer-middle .widget ~ .widget { width: 50%; margin-left: 0; padding-right: 3%; }

	.footer-middle .widget-links { width: 100%; }



	.main { padding: 150px 0 0; }

	.main .sidebar { width: 25%; }

	.main .content { box-sizing: border-box; }

	.main-head h1,

	.main .content { width: 70.75%; }

	.articles .article-image { width: 36%; }

	.article h3 { font-size: 19px; }

	.article-meta li { font-size: 12px; }

	.article-meta li + li { padding-left: 6px; }

	.article-meta li + li:before { margin-right: 3px; }

}



/* ==========================================================================

	#Media - Tablets in landscape

========================================================================== */

@media (max-width: 979px) {
	

	.logo { top: -35px; width: 223px; height: 35px; background: url(images/logo-ld-sprite.png) no-repeat 0 -131px; background-size: 100%; }

	.header.header-scrolled .logo { width: 223px; height: 35px; top: -30px; background-position: 0 -131px; background-size: 100%; }

	.header.header-scrolled .callout,

	.header-bar .callout { width: 58%; }

	.nav-button { position: absolute; top: 48px; right: 22px; display: block; width: 30px; height: 20px; background: url(images/nav-button.png) no-repeat 0 0;background-size: contain; }

	.header.header-scrolled .nav-button { top: 39px; }

	.header-bar .phone:before { left: 28px; }

	.nav { position: absolute; top: 100%; left: 0; display: none; width: 100%; padding: 15px; margin-top: 15px; background: rgba(20, 24, 29, .93); box-sizing: border-box; }

	.nav li { float: none; text-align: center; margin: 3px 0; }

	.nav a { display: inline-block; }

	.nav ul ul { position: static; width: 100%; visibility: visible; opacity: 1; background-color: transparent; display: none; }

	.nav ul ul ul { position: static; }

	.nav ul ul a { font-size: 14px; }



	.section-slider .section-content h2 { font-size: 41px; }

	.section-slider .section-content h2 span { font-size: 33px; }

	.section-slider .section-content h5 { font-size: 19px; }



	.footer-top .col-1of2 { float: none; width: 100%; }

	.footer-top .col-1of2 ~ .col-1of2 { padding-top: 40px; }

	.widget-about { padding-right: 0; }



	.footer-middle,

	.footer-top { padding: 30px 0; }



	.main-head h1 { font-size: 32px; }

	.main { padding: 103px 0 0; }

	

	.page-icon { left: -14px; }



	.main-head h1,

	.main-head,

	.main .content,

	.main .sidebar { float: none; width: 100%; }

	.main .sidebar { margin-top: 15px; }



	.widget-tabs .post-image { width: 11.63%; }



	.nav ul ul {

		-webkit-transition: none; 

		     -o-transition: none; 

		        transition: none; 

	}

}



/* ==========================================================================

	#Media - Mobile

========================================================================== */

@media (max-width: 767px) { 

	.btn-get-quote { display: none; }

	.header.header-scrolled .header-bar { width: 100%; }

	.header.header-scrolled .callout,

	.header-bar .callout { width: 259px; }

	.header.header-scrolled .logo,

	.logo { top: -20px; left: 10px; width: 42px; height: 43px; background: url(images/logo-mobile.png) no-repeat 0 0; background-size: contain; }

	.header.header-scrolled .header-bar a,

	.header-bar a { height: 25px; line-height: 25px; font-size: 12px; margin-left: -15px; }

	.header.header-scrolled .header-inner,

	.header-inner { padding: 0; }

	

	.header.header-scrolled .nav-button,

	.nav-button { top: 32px; }

	.nav { margin-top: 30px; }

	.nav li { float: none; text-align: center; }

	.nav a { display: inline-block; }

	

	.header.header-scrolled .btn-quote,

	.btn-quote { width: 141px; padding-left: 20px; }

	.header.header-scrolled .btn-quote:before,

	.btn-quote:before { width: 12px; height: 19px; margin: -9px 0 0 -47px; }

	.header-bar .phone { padding-left: 40px; }

	.header.header-scrolled .header-bar .phone:before,

	.header-bar .phone:before { left: 12px; top: 5px; width: 16px; height: 17px; }



	.header { padding-bottom: 30px; }



	.articles .article { padding-bottom: 0; }

	.articles .article-image,

	.articles .article-content { float: none; width: 100%; }

	.articles .article-content { padding: 15px 0; }

	.article-foot .socials { margin: 15px 0; }

	.widget-popular .post,

	.article-foot .socials,

	.article-foot .link-more { float: none; }



	.widget-popular .post { overflow: hidden; width: 100%; margin-bottom: 20px; }

	.widget-popular .post-content { top: -4px; }



	.footer-middle .widget ~ .widget { float: none; width: 100%; padding: 10px 0; }

	.footer-bottom { top: -21px; }



	.service { padding: 2px 15px 0; }

	.service img { max-width: 100%; height: auto; margin-bottom: 0; }

	.slider-services .service a { margin-bottom: 10px; }

	.slider-services .service a:after { width: 100%; height: 100%; }

	.service h4 { font-size: 15px; }



	.section-slider { height: 400px; }

	.slider-home .slider-paging,

	.section-slider .section-content .link-more,

	.section-slider .section-content p { display: none; }



	.section-slider .section-content { top: auto; bottom: 20px; width: 64.06%; padding: 15px; }

	.section-slider .section-content h2 { font-size:20px; line-height:24px;}

	.section-slider .section-content h2 span { font-size: 21px; }

	.section-slider .section-content h5 { font-size: 13px; margin-bottom: 0; }


	.section-slider.content-hidden .section-content { left: -64.06%; }

	.section-slider .section-content a.content-arrow { top: 0; }



	.slider-home-actions .slider-prev,

	.slider-home-actions .slider-next { width: 34px; height: 45px; }

	.slider-home-actions .slider-prev:after,

	.slider-home-actions .slider-next:after { width: 12px; height: 18px; }

	.slider-home-actions .slider-prev { left: 0; }



	.main .content img.alignleft,

	.main .content img.alignright { max-width: 100%; display: block; float: none; height: auto; margin: 10px 0; }

	.main-body .content p { text-align: left !important; }

	.block .block-text { text-align: left; }

	.main-head.has-icon h1 { font-size: 25px; }



}



@media ( max-width: 480px ) {

	body { min-width: 320px; }

	.widget-links ul { float: none; width: 100%; }

	.form-col-size1 { float: none; width: 100%; }

	.form-col-size1 ~ .form-col-size1 { margin-left: 0; }



	.iwacontactform li { float: none; width: 100% !important; }



	/* ------------------------------------------------------------ *\

	    Shortcodes

	\* ------------------------------------------------------------ */



	/* Block */

	.block .block-icon { float: none; margin: auto; }



	.block .block-icon + .block-text { margin-left: 0; margin-top: 25px; }

}



@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {

	.header.header-scrolled .logo,

    .logo { background-image: url(images/logo-hd-sprite.png); background-size: 100%; }



    @media ( max-width: 767px ) {

    	.header.header-scrolled .logo,

		.logo { top: -20px; left: 10px; width: 42px; height: 43px; background: url(images/logo-mobile.png) no-repeat 0 0; background-size: contain; }

    }

}



/* ::::::::::::::::::::::::::::::::::::::::::NEW PORTFOLIO STYLES:::::::::::::::::::::::::::::::::::::; */



#ff-filters li {

  display: inline-block;

  margin: 5px;

  cursor: pointer;

  color: #fff;

  padding: 10px;

  border: solid 2px #333;

  font-size: 14px;

  border: 2px solid #208de7;

  font-family: "Open Sans", Arial, sans-serif;

  color: #1f9aff;

  padding: 9px 15px;

  font-weight: bold;

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 0.02em; }

  #ff-filters li:hover {

	background-color: #208de7;

	color: #fff;

}





#ff-filters li {-webkit-transition: color .4s ease-in-out, background .4s ease-in-out, border .4s ease-in-out;

  -o-transition: color .4s ease-in-out, background .4s ease-in-out, border .4s ease-in-out;

  transition: color .4s ease-in-out, background .4s ease-in-out, border .4s ease-in-out;}







#ff-item-overlay {background-color: rgba(20, 24, 29, .98);}





.ff-item-full {background-color: rgba(20, 24, 29, .98);}





#ff-item-overlay .owl-pagination {

  position: absolute;

  right: 20px;

  bottom: 0px;

}



.ff-item-title {

	font-size: 25px;

   font-weight: bold;

  background-color: rgba(20, 24, 29, .83);

   bottom: 35px;

     line-height: 50px;

}



.ff-description {font-size:16px; line-height: 26px;}

.ff-item-full .ff-title, .ff-item-full .ff-title {  border-bottom: 2px solid #171e24;}

/*#ff-item-centre {width:100%; max-width: 1200px; margin:0 auto;}

.ff-media {



  height: 792px;

  width: 612px;

  margin-bottom: 0px;

  float: left;

  position: relative;

}

.ff-detail {  color: #fff;

  float: right;

  width: 40%;

  padding-left: 20px;}



#ff-item-overlay .ff-slide {

height: 792px;

  background-size: contain !important;

  background-repeat: no-repeat;



    background-position: center; 

} 



.ff-img-full{  background-size: contain !important;}



@media ( max-width: 1024px ) {

.ff-media    {width: 100%;}

.ff-detail {

  color: #fff;

  float: none;

  width: 100%;

  padding-left: 0;

}

} */
.orange{color:#ff7200;}
body .gform_wrapper ul.gform_fields {margin:0 -8px !important;}
body .gform_wrapper form li {overflow: hidden; float: left; width:100%;padding:0 8px !important; margin:10px 0 0 !important;}
body .gform_wrapper form li.lead-contact-half-size {width:50%;}
hr {margin: 20px 0;border: none;height: 1px;background: #ddd;}
h3 {margin:0 0 15px;}
.article-foot .link-more {display:inline-block;}

/* iPad 1024px View */
@media screen and (max-width:1199px) {
}
/* iPad 768px view*/
@media screen and (max-width:1023px) {
}
/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width:767px) {
body {overflow-x:hidden;}
.footer .widget h2 {font-size: 16px;margin: 0 0 10px;}
.footer .widget h2 img {margin-right:0;}
body .gform_wrapper form li.lead-contact-half-size {width:100%;}
.footer-middle .widget {margin-bottom:0;}
.footer-top {padding-bottom:0;}
.footer-middle .widget.widget-contacts {margin:20px 0;float: left;width: 100%;clear:both; border:1px solid rgba(255,255,255,0.3); padding:20px 10px 10px;}
.widget-contacts p {padding: 0 15px;}
body .widget-contacts ul {margin:10px 0 0; padding:0 15px;}

body .widget-contacts li {margin:0 0 15px;}
body .gform_wrapper {margin:0;}
.main {padding:82px 0 0;}
em {font-size: 16px;}
.main .content {padding:20px 0;}
.main-body .content .content-foot {padding-top: 20px;margin-top: 0;}
.btn-portfolio {font-size: 16px;line-height: 20px;}
#wgmpmap {margin: 0 0 20px;}
.article-foot {padding-top:15px; margin-top:10px;}
.main .content .article-meta {margin:0; padding:0;}
#ff-filters {margin:20px 0;}
.widget-links li:before {left: 12px;top: 10px;opacity: 0.5;width: 6px;height: 6px;}
body .lead-contact-form>.gform_footer>.button {font-size:16px !important; padding:5px 10px;}
.widget-about ul {margin:15px 0 0;}

}

/*View :: 320px ::*/
@media screen and (max-width:640px) {
.btn-portfolio {display:block; text-align:center;}
}