@charset "utf-8";

/* text property */
.text-transform { text-transform:uppercase}
.text-decoration-underline { text-decoration:underline !important;}
.word-wrap { word-wrap: break-word}
.text-transform-none {text-transform:none} 
.line-height-none {line-height: 0 !important}
.text-decoration-line-through {text-decoration:line-through !important;}
.font-italic { font-style: italic;}

/* text color */
.text-white{ color:#ffffff !important;}
.text-black{ color:#000000 !important;}
.text-dark-gray { color:#282828!important;}
.text-light-gray{ color: #bfbfbf;}
.text-light-gray2 {     color: #ffffff;
    text-shadow: 2px 2px 2px #000;
}

.text-medium-gray{ color: #848484;}
.text-gray{color: #ababab;} 
.text-yellow{ color:#ffcf29;}
.text-light-yellow{color: #f7f4ec;}
.text-golden-yellow{color: #ecce63;}
.text-blue{ color:#3953a1;}
.text-deep-blue{ color: #2e5ba5;}
.text-dark-blue { color: #2c353f;}
.text-fast-blue{ color: #3966e6;}
.text-sky-blue-dark{ color: #2c91d8;}
.text-blue-gray { color:#919499;}
.text-cyan{ color: #31c99b;}
.text-deep-red{ color: #e7403a;}
.text-pink{ color: #ff3d7f;}
.text-dark-cherry { color: #3d3234;}
.text-rosy-brown{color: #827777;}
.text-light-red{color: #dc6768;}
.text-sky-blue {color: #32b6e6;}
.text-light-green {color: #8BC34A;}
.text-deep-green { color: #6aa84f;}
.text-dark-slate-blue{color: #55365e;}
.text-bitter-sweet{color: #f3605c;}
.text-orange{color: #ef5037;}
.text-light-orange{color: #ff573d;}
.text-deep-purple { color: #472e83;}
.text-chrome-yellow { color: #f5ab35;}
.text-turquoise-green {color: #2ccb8e}
.text-brown { color: #4e2b1f;}
.text-golden{ color: #d0ae5e;}
.text-deep-orange {color: #f26149}
.text-sand-yellow {color: #bdb6b2}
.text-light-purple-blue { color: #374a8a;}
.text-dark-purple-blue { color: #2a3869;}
.text-puerto-rico {color:#55beae; }
.text-orange-peel { color: #FF9800;}
.text-greenish-blue { color: #203296;}
.text-light-blue { color: #53d0e7;}
.text-dark-speech-blue { color: #1b1841;}
.text-yellow-ochre {color: #c0812a}
.text-yellowish-gray {color: #817b71}
.text-light-deep-yellow {color: #f5f0e9}
.text-dark-aqua { color: #43cbcd;}
.text-emerald { color: #47DF84;}
.text-deep-green-dark{color: #40c37d}
.text-deep-blue-dark{color: #2e70c4}
.text-very-light-gray { color: #e6e6e6;}
.text-fast-pink { color: #ff1967;}
.text-fast-blue2 {color: #1080f2;}
.text-meteorite { color: #473d5f;}
.text-cinnabar {color: #E74948;}
.text-poison-green {color: #05d561;}
.text-dark-bitter-sweet {color: #807575;}
.text-red {color: #bc3031;}
.text-tequila-gold { color: #c5a47e !important;}
.text-dark-brown { color: #7d6548;}
.text-light-brown { color: #cec3b5;}
.text-extra-dark-brown { color: #251b10;}

/* slider typography */
.slider-text-middle-main { display: table; height: 100%; width: 100% }
.slider-text-bottom { display: table-cell; vertical-align: bottom; }
.slider-text-top { display: table-cell; vertical-align: top; }
.slider-text-middle {margin-top: 180px;}
.slider-typography { height: 100%; position: absolute; z-index: 1; right: 0; left: 0; }
.slider-content-box { position: relative; z-index: 2}

/* ===================================
    Icon
====================================== */

/* icon size */
.icon-extra-big {font-size:75px !important;}
.icon-big {font-size:60px !important;}
.icon-extra-large {font-size:50px !important;}
.icon-large {font-size:35px !important;}
.icon-medium {font-size:30px !important;}
.icon-small {font-size:25px !important;}
.icon-extra-small {font-size:14px !important;}

/* social icon */
.social-icon .fa { text-align: center; display: table-cell; vertical-align: middle; width: 30px; height: 30px !important; font-size: 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; background: none; }
.social-icon.medium-social-icon .fa {width: 25px !important; height: 25px !important; font-size: 12px;}
.social-icon a:hover .fa {opacity:.6} 
.social-icon .fa-pinterest {background-color: #cb2027;}
.social-icon .fa-rss {background-color: #f26522;}
.social-icon .fa-facebook {background-color: #3b5998;}
.social-icon .fa-twitter {background-color: #00aced;}
.social-icon .fa-flickr {background-color: #ff0084;}
.social-icon .fa-dribbble {background-color: #ea4c89;}
.social-icon .fa-behance {background-color: #42a9fb;}
.social-icon .fa-linkedin {background-color: #007bb6;}
.social-icon .fa-vimeo-square {background-color: #23b6ea;}
.social-icon .fa-youtube {background-color: #bb0000;}
.social-icon .fa-tumblr {background-color: #32506d;}
.social-icon .fa-github-alt {background-color: #333333;}
.social-icon .fa-google-plus {background-color: #dd4b39;}
.social-icon .fa-instagram  {background-color: #517fa4;}
.social-icon .fa-soundcloud {background-color: #f80;}

.social-icon-color .fa-pinterest, .social-icon-color .ti-pinterest-alt, .social-icon-color .ti-pinterest {color: #cb2027;}
.social-icon-color .fa-rss {color: #f26522;}
.social-icon-color .fa-facebook, .social-icon-color .ti-facebook {color: #3b5998;}
.social-icon-color .fa-twitter, .social-icon-color .ti-twitter-alt {color: #00aced;}
.social-icon-color .fa-flickr, .social-icon-color .ti-flickr-alt {color: #ff0084;}
.social-icon-color .fa-dribbble, .social-icon-color .ti-dribbble {color: #ea4c89;}
.social-icon-color .fa-behance {color: #42a9fb;}
.social-icon-color .fa-linkedin, .social-icon-color .ti-linkedin {color: #007bb6;}
.social-icon-color .fa-vimeo-square, .social-icon-color .ti-vimeo-alt {color: #23b6ea;}
.social-icon-color .fa-youtube {color: #bb0000;}
.social-icon-color .fa-tumblr, .social-icon-color .ti-tumblr-alt {color:#32506d;}
.social-icon-color .fa-github-alt {color: #333333;}
.social-icon-color .fa-google-plus, .social-icon-color .ti-google {color:#dd4b39;}
.social-icon-color .fa-instagram, .social-icon-color .ti-instagram {color:#517fa4;}
.social-icon-color .fa-soundcloud, .social-icon-color .ti-soundcloud {color: #f80;}

/* icon style */
.icon-box i { margin:0 30px}
.i-large-box{ width:100px; height:100px; line-height:98px; text-align:center; font-size:40px}
.i-medium-box{ width:80px; height:80px; line-height:80px; text-align:center; font-size:30px;}
.i-small-box{ width:60px; height:60px; line-height:60px; text-align:center; font-size:22px}
.i-extra-small-box{ width:40px; height:40px; line-height:40px; text-align:center; font-size:15px}
.i-plain { color:#737373; background-color: transparent !important;}
.i-plain:hover { color:#fff; background-color: #737373!important; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.i-rounded  { border-radius: 3px; background-color: #000; color:#fff; border:1px solid rgba(0,0,0,0.15);}
.i-rounded:hover { background-color: #fff; color:#9a9a9a; border:1px solid rgba(0,0,0,0.15);}
.i-bordered { border:1px solid rgba(0,0,0,0.15); background-color: transparent !important; color:#9a9a9a}
.i-bordered:hover { background-color: #000 !important; color: #fff}
.i-circled  { border-radius: 50%;}
.i-light { background-color: #fff !important; box-shadow: 0 0 10px rgba(0, 0, 0, .08) inset; color:#9a9a9a; text-shadow: 1px 1px 1px #fff; }
.i-light:hover { background-color: #fff !important; box-shadow: 0 0 30px rgba(0, 0, 0, .15) inset !important; color: #444; text-shadow:none }
.i-3d { box-shadow: 0 0 3px rgba(0, 0, 0, .1); color:#9a9a9a !important;  background-color: #fff; color:#000}
.i-3d:hover {box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
.i-3d-border { border-bottom:3px solid rgba(0,0,0,0.15) !important; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)}
.i-3d-border:hover { border-bottom:3px solid rgba(0,0,0,0.30) !important; color:#fff; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

/* ===================================
    Background Color
====================================== */
.sec-margin-top{padding-top: 35px !important;}
.for-footer { background:#0b60d7;}
.for-footer a { color: #ffff;}
.for-footer b { color: #ffff;}
.for-footer li { color: #ffff !important;}
.for-footer span { color: #ffff;}
.bg-white{ background: #fff;}
.bg-black{ background: #000000; }
.bg-gray { background-color: #e2e2e2;}
.bg-brown{ background-color: #efe6da;}
.bg-light-gray { background: #ffff;}
.bg-dark-gray{ background: #282828;}
.bg-middle-gray{ background: #dedede;}
.bg-dark-blue { background: #2c353f;}
.bg-fast-blue{ background: #3966e6;}
.bg-blue{ background: #1f337a;}
.bg-deep-blue{ background: #2e5ba5;}
.bg-sky-blue {background: #32b6e6;}
.bg-sky-blue-dark{ background: #2c91d8;}
.bg-cyan { background-color: #31c99b;}
.bg-light-cyan { background-color: #6dc6a8;}
.bg-cream { background-color: #f7f5e7;}
.bg-dark-cream { background-color: #ac9377;}
.bg-dark-cherry { background: #3d3234;}
.bg-pink { background: #ff3d7f;}
.bg-deep-red{ background: #e7403a;}
.bg-rosy-brown{background:#9f9292;}
.bg-light-red{background: #dc6768;}
.bg-deep-purple { background: #472e83;}
.bg-light-green { background: #8BC34A;}
.bg-medium-green { background: #259319;}
.bg-deep-green { background: #6aa84f;}
.bg-yellow{ background: #ffcf29;}
.bg-light-yellow{background: #f7f4ec;}
.bg-golden-yellow{background: #ecce63;}
.bg-purple{background: #221825;}
.bg-dark-slate-blue{background: #353d4f;}
.bg-bitter-sweet{background: #f3605c;}
.bg-scarlet-gum{background: #432a4b;}
.bg-orange{background: #ef5037;}
.bg-light-orange{background: #ff573d;}
.bg-chrome-yellow { background: #f5ab35;}
.bg-gray-yellow { background: #f6f5f5;}
.bg-very-light-gray { background: #f8f8f8;}
.bg-turquoise-green {background: #2ccb8e}
.bg-golden { background: #d0ae5e;}
.bg-deep-orange {background:#f26149}
.bg-sand-yellow {background:#fbf9f3}
.bg-sand-yellow-dark {background:#4a3b34}
.bg-deep-purple {background:#4b3a6c}
.bg-dark-purple-blue { background: #2a3869;}
.bg-puerto-rico {background:#55beae; }
.bg-orange-peel { background: #FF9800;}
.bg-greenish-blue { background: #203296;}
.bg-light-blue { background: #53d0e7;}
.bg-dark-speech-blue { background: #1b1841 !important;}
.bg-light-deep-yellow {background: #f5f0e9}
.bg-yellow-ochre {background: #c0812a}
.bg-yellowish-gray {background: #8f887e}
.bg-aqua { background: #46eff0;}
.bg-emerald { background: #47DF84;}
.bg-mongoose { background: #A78A73;}
.bg-deep-green-dark {background: #40c37d}
.bg-deep-blue-dark  {background: #2e70c4}
.bg-light-purple-blue { background: #374a8a;}
.bg-middle-light-gray { background: #686868;}
.bg-cod-grey { background: #313233;}
.bg-charcoal {background: #242526;}
.bg-black-russian { background: #1c1c1d;}
.bg-light-gray2 { background: #ededed;}

.bg-light-gray td{
    
    padding: 17px;
}
.bg-fast-pink { background: #ff1967;}
.bg-fast-blue2 {background: #1080f2;}
.bg-meteorite { background: #473d5f;}
.bg-cinnabar { background: #E74948;}
.bg-dark-gray2{background: #181818;}
.bg-poison-green {background: #05d561;}
.bg-light-bitter-sweet {background: #f8eded;}
.bg-red {background: #bc3031;}
.bg-nero { background: #272727;}
.bg-dark-nero { background: #0e0e0e;}
.bg-medium-nero { background: #1f1f1f;}
.bg-tequila-gold { background: #c5a47e;}
.bg-dark-purple { background: #181623;}
.bg-dark-brown { background: #7d6548;}
.bg-very-light-brown { background: #eee3d6;}

/* rgb background color */
.bg-cyan-rgba { background-color: rgba(49, 201, 155, 0.9);}
.bg-white-light-rgba{ background-color: rgba(255, 255, 255, 0.9);}
.bg-black-light-rgba{ background-color: rgba(0, 0, 0, 0.45);}
.bg-black-dark-rgba{ background-color: rgba(0, 0, 0, 0.8);}
.bg-greenish-blue-rgba {background-color: rgba(62, 214, 162, 0.80);}
.bg-orange-rgba { background-color: rgba(255, 152, 0, 0.8);}
.bg-black-medium-rgba{ background-color: rgba(0, 0, 0, 0.7);}

/* opacity */
.only-opacity-light{ opacity: 0.5; }
.opacity-light{ position: absolute; height: 100%; width: 100%; opacity: 0.5; z-index: 1; top:0; left: 0 }
.opacity-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0 }
.opacity-full{ position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0 }
.opacity-full-dark{ position: absolute; height: 100%; width: 100%; opacity: 0.9; z-index: 1; top:0; left: 0 }


/* background image */
.cover-background { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative;}
.fix-background { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative;}

/* ===================================
    Border Color
====================================== */

.border-light { border: 1px solid rgba(0,0,0,.1) !important;}
.border-dark{border: 1px solid #454545 !important;}
.border-top { border-top:1px solid rgba(255, 255, 255, 0.38) !important;}
.border-right { border-right:1px solid rgba(0,0,0,.12) !important;}
.border-top-light { border-top: 1px solid rgba(255,255,255,.12) !important;}
.border-right-white { border-right: 1px solid rgba(255,255,255,255) !important;}
.border-bottom{border-bottom: 1px solid #dcdcdc !important ;}
.border-bottom-medium-dark{border-bottom: 1px solid rgba(0,0,0,.10) !important;}
.border-bottom-light{border-bottom: 1px solid rgba(255,255,255,0.1) !important;}
.border-none {border: 0 !important}
.border-top-none {border-top:0 !important}
.border-bottom-none {border-bottom:0 !important}
.border-left-none {border-left:0 !important}
.border-right-none {border-right:0 !important}
.border-radius-0 {border-radius: 0px !important;}
.border-radius-2 {border-radius: 2px !important;}
.border-radius-3 {border-radius: 3px !important;}
.border-radius-4 {border-radius: 4px !important;}
.border-radius-6 {border-radius: 6px !important;}
.border-radius-8 {border-radius: 8px !important;}
.border-radius-10 {border-radius: 10px !important;}
.border-radius-20 {border-radius: 20px !important;}
.border-radius-30 {border-radius: 30px !important;}
.border-radius-40 {border-radius: 40px !important;}
.border-radius-50 {border-radius: 50% !important;}
.border-radius-100 {border-radius: 100% !important;}
.border-color-light-white{border-color: rgba(255,255,255,.4) !important}
.img-border {border: 6px solid #fff; height: calc(100% - 40px); width: calc(100% - 40px); left: 20px; top: 20px;  position: absolute; }

/* border color */
.border-2-white {border: 2px solid #ffffff !important;}
.border-2-fast-blue {border: 2px solid #3966e6  !important;}
.border-2-light-green {border: 2px solid #8BC34A  !important;}
.border-2-medium-green {border: 2px solid #259319  !important;}
.border-2-deep-green {border: 2px solid #6aa84f  !important;}
.border-2-sky-blue {border: 2px solid #32b6e6 !important;}
.border-2-sky-blue-dark {border: 2px solid #2c91d8 !important;}
.border-2-light-gray {border: 2px solid #b8b8b8 !important;}
.border-2-dark-gray {border: 2px solid #282828 !important;}
.border-2-bitter-sweet {border: 2px solid #f3605c !important;}
.border-3-bitter-sweet {border: 3px solid #f3605c !important;}
.border-2-yellow {border: 2px solid #ffcf29 !important;}
.border-10-light-red {border: 10px solid #f18182 !important;}
.border-2-chrome-yellow {border: 2px solid #f5ab35 !important;}
.border-2-turquoise-green {border: 2px solid #2ccb8e  !important;}
.border-2-golden {border: 2px solid #d0ae5e;}
.border-2-deep-orange {border: 2px solid #f26149;}
.border-2-orange-peel {border: 2px solid #FF9800 !important;}
.border-greenish-blue {border: 2px solid #3ed6a2 !important;}
.border-2-dark-aqua { border: 2px solid #43cbcd !important;}
.border-2-deep-green-dark {border: 2px solid #40c37d;}
.border-2-deep-blue-dark {border: 2px solid #2e70c4;}
.border-2-orange {border: 2px solid #ef5037 !important;}
.border-2-fast-blue2 {border: 2px solid #1080f2;}
.border-2-red {border: 2px solid #bc3031 !important;}
.border-2-cinnabar { border: 2px solid #E74948 !important;}
.border-2-poison-green {border: 2px solid #05d561 !important;}
.border-tequila-gold  {border: 5px solid rgba(197,164,126,.5) !important;}
.border-2-tequila-gold {border: 2px solid #c5a47e  !important;}
.border-1-light-gray {border: 1px solid #e9e9e9 !important;}

/* ===================================
    Margin
====================================== */

/* margin all side */
.margin-one-half{margin:0.5% !important}
.margin-one{margin:1% !important}
.margin-two{margin:1.5% !important}
.margin-three{margin:2% !important}
.margin-four{margin:2.5% !important}
.margin-five{margin:3% !important}
.margin-six{margin:3.5% !important}
.margin-seven{margin:4% !important}
.margin-eight {margin:4.5% !important}
.margin-nine{margin:5% !important}
.margin-ten{ margin:5.5% !important}
.margin-eleven{ margin:6% !important}
.margin-twelve{ margin:6.5% !important}
.margin-thirteen{ margin:7% !important}
.margin-fourteen{ margin:7.5% !important}
.margin-fifteen{ margin:8% !important}
.margin-sixteen{ margin:8.5% !important}
.margin-seventeen{ margin:9% !important}
.margin-eighteen{ margin:9.5% !important}
.margin-nineteen{ margin:10% !important}
.margin-twenty{ margin:10.5% !important}
.margin-twenty-one{ margin:11% !important}
.margin-twenty-two{ margin:11.5% !important}
.margin-twenty-three{ margin:12% !important}
.margin-twenty-four{ margin:12.5% !important}
.margin-twenty-five{ margin:13% !important}
.margin-twenty-six{ margin:13.5% !important}
.margin-twenty-seven{ margin:14% !important}
.margin-twenty-eight{ margin:14.5% !important}
.margin-twenty-nine{ margin:15% !important}
.margin-thirty{ margin:15.5% !important}
.margin-thirty-one{margin:16% !important}
.margin-thirty-two{margin:16.5% !important}
.margin-thirty-three{margin:17% !important}
.margin-thirty-four{margin:17.5% !important}
.margin-thirty-five{margin:18% !important}

/* margin bottom */
.margin-one-half-bottom{margin-bottom: 0.5% !important}
.margin-one-bottom{margin-bottom:1% !important}
.margin-two-bottom{margin-bottom:1.5% !important}
.margin-three-bottom{margin-bottom:2% !important}
.margin-four-bottom{margin-bottom:2.5% !important}
.margin-five-bottom{margin-bottom:3% !important}
.margin-six-bottom{margin-bottom:3.5% !important}
.margin-seven-bottom{
margin-bottom:0% !important;
text-shadow:2px 2px 2px #00000061;
}
.margin-eight-bottom {margin-bottom:4.5% !important}
.margin-nine-bottom{margin-bottom:5% !important}
.margin-ten-bottom{margin-bottom:5.5% !important}
.margin-eleven-bottom{margin-bottom:6% !important}
.margin-twelve-bottom{margin-bottom:6.5% !important}
.margin-thirteen-bottom{margin-bottom:7% !important}
.margin-fourteen-bottom{margin-bottom:7.5% !important}
.margin-fifteen-bottom{margin-bottom:8% !important}
.margin-sixteen-bottom{margin-bottom:8.5% !important}
.margin-seventeen-bottom{margin-bottom:9% !important}
.margin-eighteen-bottom{margin-bottom:9.5% !important}
.margin-nineteen-bottom{margin-bottom:10% !important}
.margin-twenty-bottom{margin-bottom:10.5% !important}
.margin-twenty-one-bottom{margin-bottom:11% !important}
.margin-twenty-two-bottom{margin-bottom:11.5% !important}
.margin-twenty-three-bottom{margin-bottom:12% !important}
.margin-twenty-four-bottom{margin-bottom:12.5% !important}
.margin-twenty-five-bottom{margin-bottom:13% !important}
.margin-twenty-six-bottom{margin-bottom:13.5% !important}
.margin-twenty-seven-bottom{margin-bottom:14% !important}
.margin-twenty-eight-bottom{margin-bottom:14.5% !important}
.margin-twenty-nine-bottom{margin-bottom:15% !important}
.margin-thirty-bottom{margin-bottom:15.5% !important}
.margin-thirty-one-bottom{margin-bottom:16% !important}
.margin-thirty-two-bottom{margin-bottom:16.5% !important}
.margin-thirty-three-bottom{margin-bottom:17% !important}
.margin-thirty-four-bottom{margin-bottom:17.5% !important}
.margin-thirty-five-bottom{margin-bottom:18% !important}
.margin-bottom-10px{ margin-bottom:10px !important}
.margin-bottom-15px{ margin-bottom:15px !important}

/* margin top */
.margin-one-half-top{margin-top: 0.5% !important}
.margin-one-top{margin-top:1% !important}
.margin-two-top{margin-top:1.5% !important}
.margin-three-top{margin-top:2% !important}
.margin-four-top{margin-top:2.5% !important}
.margin-five-top{margin-top:3% !important}
.margin-six-top{margin-top:3.5% !important}
.margin-seven-top{margin-top:4% !important}
.margin-eight-top {margin-top:4.5% !important}
.margin-nine-top{margin-top:5% !important}
.margin-ten-top{margin-top:5.5% !important}
.margin-eleven-top{margin-top:6% !important}
.margin-twelve-top{margin-top:6.5% !important}
.margin-thirteen-top{margin-top:7% !important}
.margin-fourteen-top{margin-top:7.5% !important}
.margin-fifteen-top{margin-top:8% !important}
.margin-sixteen-top{margin-top:8.5% !important}
.margin-seventeen-top{margin-top:9% !important}
.margin-eighteen-top{margin-top:9.5% !important}
.margin-nineteen-top{margin-top:10% !important}
.margin-twenty-top{margin-top:10.5% !important}
.margin-twenty-one-top{margin-top:11% !important}
.margin-twenty-two-top{margin-top:11.5% !important}
.margin-twenty-three-top{margin-top:12% !important}
.margin-twenty-four-top{margin-top:12.5% !important}
.margin-twenty-five-top{margin-top:13% !important}
.margin-twenty-six-top{margin-top:13.5% !important}
.margin-twenty-seven-top{margin-top:14% !important}
.margin-twenty-eight-top{margin-top:14.5% !important}
.margin-twenty-nine-top{margin-top:15% !important}
.margin-thirty-top{margin-top:15.5% !important}
.margin-thirty-one-top{margin-top:16% !important}
.margin-thirty-two-top{margin-top:16.5% !important}
.margin-thirty-three-top{margin-top:17% !important}
.margin-thirty-four-top{margin-top:17.5% !important}
.margin-thirty-five-top{margin-top:18% !important}
.margin-top-5px{ margin-top:5px !important}
.margin-top-10px{ margin-top:10px !important}
.margin-top-15px{ margin-top:15px !important}

/* margin left */
.margin-one-half-left {margin-left:0.5% !important}
.margin-one-left {margin-left:1% !important}
.margin-two-left {margin-left:1.5% !important}
.margin-three-left {margin-left:2% !important}
.margin-four-left {margin-left:2.5% !important}
.margin-five-left {margin-left:3% !important}
.margin-six-left {margin-left:3.5% !important}
.margin-seven-left {margin-left:4% !important}
.margin-eight-left {margin-left:4.5% !important}
.margin-nine-left {margin-left:5% !important}
.margin-ten-left {margin-left:5.5% !important}
.margin-eleven-left {margin-left:6% !important}
.margin-twelve-left {margin-left:6.5% !important}
.margin-thirteen-left {margin-left:7% !important}
.margin-fourteen-left {margin-left:7.5% !important}
.margin-fifteen-left {margin-left:8% !important}
.margin-sixteen-left {margin-left:8.5% !important}
.margin-seventeen-left{margin-left:9% !important}
.margin-eighteen-left {margin-left:9.5% !important}
.margin-nineteen-left {margin-left:10% !important}
.margin-twenty-left{margin-left:10.5% !important}
.margin-twenty-one-left{margin-left:11% !important}
.margin-twenty-two-left{margin-left:11.5% !important}
.margin-twenty-three-left{margin-left:12% !important}
.margin-twenty-four-left{margin-left:12.5% !important}
.margin-twenty-five-left{margin-left:13% !important}
.margin-twenty-six-left{margin-left:13.5% !important}
.margin-twenty-seven-left{margin-left:14% !important}
.margin-twenty-eight-left{margin-left:14.5% !important}
.margin-twenty-nine-left{margin-left:15% !important}
.margin-thirty-left{margin-left:15.5% !important}
.margin-thirty-one-left{margin-left:16% !important}
.margin-thirty-two-left{margin-left:16.5% !important}
.margin-thirty-three-left{margin-left:17% !important}
.margin-thirty-four-left{margin-left:17.5% !important}
.margin-thirty-five-left{margin-left:18% !important}
.margin-left-5px {margin-left:5px !important}
.margin-left-10px {margin-left:10px !important}
.margin-left-15px {margin-left:15px !important}
.margin-left-25px {margin-left:25px !important}
.margin-left-40px {margin-left:40px !important}


/* margin right */
.margin-one-half-right {margin-right:0.5% !important}
.margin-one-right {margin-right:1% !important}
.margin-two-right {margin-right:1.5% !important}
.margin-three-right {margin-right:2% !important}
.margin-four-right {margin-right:2.5% !important}
.margin-five-right {margin-right:3% !important}
.margin-six-right {margin-right:3.5% !important}
.margin-seven-right {margin-right:4% !important}
.margin-eight-right {margin-right:4.5% !important}
.margin-nine-right {margin-right:5% !important}
.margin-ten-right {margin-right:5.5% !important}
.margin-eleven-right {margin-right:6% !important}
.margin-twelve-right {margin-right:6.5% !important}
.margin-thirteen-right {margin-right:7% !important}
.margin-fourteen-right {margin-right:7.5% !important}
.margin-fifteen-right {margin-right:8% !important}
.margin-sixteen-right {margin-right:8.5% !important}
.margin-seventeen-right{margin-right:9% !important}
.margin-eighteen-right {margin-right:9.5% !important}
.margin-nineteen-right {margin-right:10% !important}
.margin-twenty-right{margin-right:10.5% !important}
.margin-twenty-one-right{margin-right:11% !important}
.margin-twenty-two-right{margin-right:11.5% !important}
.margin-twenty-three-right{margin-right:12% !important}
.margin-twenty-four-right{margin-right:12.5% !important}
.margin-twenty-five-right{margin-right:13% !important}
.margin-twenty-six-right{margin-right:13.5% !important}
.margin-twenty-seven-right{margin-right:14% !important}
.margin-twenty-eight-right{margin-right:14.5% !important}
.margin-twenty-nine-right{margin-right:15% !important}
.margin-thirty-right{margin-right:15.5% !important}
.margin-thirty-one-right{margin-right:16% !important}
.margin-thirty-two-right{margin-right:16.5% !important}
.margin-thirty-three-right{margin-right:17% !important}
.margin-thirty-four-right{margin-right:17.5% !important}
.margin-thirty-five-right{margin-right:18% !important}
.margin-right-5px {margin-right:5px !important}
.margin-right-10px {margin-right:10px !important}
.margin-right-15px {margin-right:15px !important}
.margin-right-25px {margin-right:25px !important}

.no-margin{ margin:0 !important}
.no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important}
.no-margin-tb{ margin-top: 0 !important; margin-bottom: 0 !important}
.no-margin-top{ margin-top:0 !important}
.no-margin-bottom{ margin-bottom:0 !important}
.no-margin-left{ margin-left:0 !important}
.no-margin-right{ margin-right:0 !important}
.margin-lr-auto {margin-left:auto !important; margin-right:auto !important}

/* ===================================
    Padding
====================================== */

/* padding all side */
.padding-one-half{padding:0.5% !important}
.padding-one{padding:1% !important}
.padding-two{padding:1.5% !important}
.padding-three{padding:2% !important}
.padding-four{padding:2.5% !important}
.padding-five{padding:3% !important}
.padding-six{padding:3.5% !important}
.padding-seven{padding:4% !important}
.padding-eight {padding:4.5% !important}
.padding-nine {padding:5% !important}
.padding-ten{ padding:5.5% !important}
.padding-eleven{ padding:6% !important}
.padding-twelve{ padding:6.5% !important}
.padding-thirteen{ padding:7% !important}
.padding-fourteen{ padding:7.5% !important}
.padding-fifteen{ padding:8% !important}
.padding-sixteen{ padding:8.5% !important}
.padding-seventeen{ padding:9% !important}
.padding-eighteen{ padding:9.5% !important}
.padding-nineteen{ padding:10% !important}
.padding-twenty{ padding:10.5% !important}
.padding-twenty-one{ padding:11% !important}
.padding-twenty-two{ padding:11.5% !important}
.padding-twenty-three{ padding:12% !important}
.padding-twenty-four{ padding:12.5% !important}
.padding-twenty-five{ padding:13% !important}
.padding-twenty-six{ padding:13.5% !important}
.padding-twenty-seven{ padding:14% !important}
.padding-twenty-eight{ padding:14.5% !important}
.padding-twenty-nine{ padding:15% !important}
.padding-thirty{ padding:15.5% !important}
.padding-thirty-one{padding:16% !important}
.padding-thirty-two{padding:16.5% !important}
.padding-thirty-three{padding:17% !important}
.padding-thirty-four{padding:17.5% !important}
.padding-thirty-five{padding:18% !important}

/* padding left */
.padding-one-half-left {padding-left:0.5% !important}
.padding-one-left {padding-left:1% !important}
.padding-two-left {padding-left:1.5% !important}
.padding-three-left {padding-left:2% !important}
.padding-four-left {padding-left:2.5% !important}
.padding-five-left {padding-left:3% !important}
.padding-six-left {padding-left:3.5% !important}
.padding-seven-left {padding-left:4% !important}
.padding-eight-left {padding-left:4.5% !important}
.padding-nine-left {padding-left:5% !important}
.padding-ten-left {padding-left:5.5% !important}
.padding-eleven-left {padding-left:6% !important}
.padding-twelve-left {padding-left:6.5% !important}
.padding-thirteen-left {padding-left:7% !important}
.padding-fourteen-left {padding-left:7.5% !important}
.padding-fifteen-left {padding-left:8% !important}
.padding-sixteen-left {padding-left:8.5% !important}
.padding-seventeen-left{padding-left:9% !important}
.padding-eighteen-left {padding-left:9.5% !important}
.padding-nineteen-left {padding-left:10% !important}
.padding-twenty-left{padding-left:10.5% !important}
.padding-twenty-one-left{padding-left:11% !important}
.padding-twenty-two-left{padding-left:11.5% !important}
.padding-twenty-three-left{padding-left:12% !important}
.padding-twenty-four-left{padding-left:12.5% !important}
.padding-twenty-five-left{padding-left:13% !important}
.padding-twenty-six-left{padding-left:13.5% !important}
.padding-twenty-seven-left{padding-left:14% !important}
.padding-twenty-eight-left{padding-left:14.5% !important}
.padding-twenty-nine-left{padding-left:15% !important}

.padding-left-5px{ padding-left:5px !important;}
.padding-left-10px{ padding-left:10px !important;}
.padding-left-15px{ padding-left:15px !important;}
.padding-left-20px{ padding-left:20px !important;}
.padding-left-25px{ padding-left:25px !important;}
.padding-left-30px{ padding-left:30px !important;}
.padding-left-35px{ padding-left:35px !important;}
.padding-left-40px{ padding-left:40px !important;}
.padding-left-45px{ padding-left:45px !important;}
.padding-left-50px{ padding-left:50px !important;}
.padding-left-55px{ padding-left:55px !important;}
.padding-left-60px{ padding-left:60px !important;}
.padding-left-65px{ padding-left:65px !important;}
.padding-left-70px{ padding-left:70px !important;}
.padding-left-75px{ padding-left:75px !important;}
.padding-left-80px{ padding-left:80px !important;}

/* padding right */
.padding-one-half-right {padding-right:0.5% !important}
.padding-one-right {padding-right:1% !important}
.padding-two-right {padding-right:1.5% !important}
.padding-three-right {padding-right:2% !important}
.padding-four-right {padding-right:2.5% !important}
.padding-five-right {padding-right:3% !important}
.padding-six-right {padding-right:3.5% !important}
.padding-seven-right {padding-right:4% !important}
.padding-eight-right {padding-right:4.5% !important}
.padding-nine-right {padding-right:5% !important}
.padding-ten-right {padding-right:5.5% !important}
.padding-eleven-right {padding-right:6% !important}
.padding-twelve-right {padding-right:6.5% !important}
.padding-thirteen-right {padding-right:7% !important}
.padding-fourteen-right {padding-right:7.5% !important}
.padding-fifteen-right {padding-right:8% !important}
.padding-sixteen-right {padding-right:8.5% !important}
.padding-seventeen-right{padding-right:9% !important}
.padding-eighteen-right {padding-right:9.5% !important}
.padding-nineteen-right {padding-right:10% !important}
.padding-twenty-right{padding-right:10.5% !important}
.padding-twenty-one-right{padding-right:11% !important}
.padding-twenty-two-right{padding-right:11.5% !important}
.padding-twenty-three-right{padding-right:12% !important}
.padding-twenty-four-right{padding-right:12.5% !important}
.padding-twenty-five-right{padding-right:13% !important}
.padding-twenty-six-right{padding-right:13.5% !important}
.padding-twenty-seven-right{padding-right:14% !important}
.padding-twenty-eight-right{padding-right:14.5% !important}
.padding-twenty-nine-right{padding-right:15% !important}

/* padding top */
.padding-one-half-top {padding-top:0.5% !important}
.padding-one-top {padding-top:1% !important}
.padding-two-top {padding-top:1.5% !important}
.padding-three-top {padding-top:2% !important}
.padding-four-top {padding-top:2.5% !important}
.padding-five-top {padding-top:3% !important}
.padding-six-top {padding-top:3.5% !important}
.padding-seven-top {padding-top:4% !important}
.padding-eight-top {padding-top:4.5% !important}
.padding-nine-top {padding-top:5% !important}
.padding-ten-top {padding-top:5.5% !important}
.padding-eleven-top {padding-top:6% !important}
.padding-twelve-top {padding-top:6.5% !important}
.padding-thirteen-top {padding-top:7% !important}
.padding-fourteen-top {padding-top:7.5% !important}
.padding-fifteen-top {padding-top:8% !important}
.padding-sixteen-top {padding-top:8.5% !important}
.padding-seventeen-top{padding-top:9% !important}
.padding-eighteen-top {padding-top:9.5% !important}
.padding-nineteen-top {padding-top:10% !important}
.padding-twenty-top{padding-top:10.5% !important}
.padding-twenty-one-top{padding-top:11% !important}
.padding-twenty-two-top{padding-top:11.5% !important}
.padding-twenty-three-top{padding-top:12% !important}
.padding-twenty-four-top{padding-top:12.5% !important}
.padding-twenty-five-top{padding-top:13% !important}
.padding-twenty-six-top{padding-top:13.5% !important}
.padding-twenty-seven-top{padding-top:14% !important}
.padding-twenty-eight-top{padding-top:14.5% !important}
.padding-twenty-nine-top{padding-top:15% !important}

.padding-top-5px{ padding-top:5px !important;}
.padding-top-10px{ padding-top:10px !important;}
.padding-top-15px{ padding-top:15px !important;}
.padding-top-20px{ padding-top:20px !important;}
.padding-top-25px{ padding-top:25px !important;}
.padding-top-30px{ padding-top:30px !important;}
.padding-top-35px{ padding-top:35px !important;}
.padding-top-40px{ padding-top:40px !important;}
.padding-top-45px{ padding-top:45px !important;}
.padding-top-50px{ padding-top:50px !important;}
.padding-top-55px{ padding-top:55px !important;}
.padding-top-60px{ padding-top:60px !important;}
.padding-top-65px{ padding-top:65px !important;}
.padding-top-70px{ padding-top:70px !important;}
.padding-top-75px{ padding-top:75px !important;}
.padding-top-80px{ padding-top:80px !important;}

/* padding bottom */
.padding-one-half-bottom {padding-bottom:0.5% !important}
.padding-one-bottom {padding-bottom:1% !important}
.padding-two-bottom {padding-bottom:1.5% !important}
.padding-three-bottom {padding-bottom:2% !important}
.padding-four-bottom {padding-bottom:2.5% !important}
.padding-five-bottom {padding-bottom:3% !important}
.padding-six-bottom {padding-bottom:3.5% !important}
.padding-seven-bottom {padding-bottom:4% !important}
.padding-eight-bottom {padding-bottom:4.5% !important}
.padding-nine-bottom {padding-bottom:5% !important}
.padding-ten-bottom {padding-bottom:5.5% !important}
.padding-eleven-bottom {padding-bottom:6% !important}
.padding-twelve-bottom {padding-bottom:6.5% !important}
.padding-thirteen-bottom {padding-bottom:7% !important}
.padding-fourteen-bottom {padding-bottom:7.5% !important}
.padding-fifteen-bottom {padding-bottom:8% !important}
.padding-sixteen-bottom {padding-bottom:8.5% !important}
.padding-seventeen-bottom{padding-bottom:9% !important}
.padding-eighteen-bottom {padding-bottom:9.5% !important}
.padding-nineteen-bottom {padding-bottom:10% !important}
.padding-twenty-bottom{padding-bottom:10.5% !important}
.padding-twenty-one-bottom{padding-bottom:11% !important}
.padding-twenty-two-bottom{padding-bottom:11.5% !important}
.padding-twenty-three-bottom{padding-bottom:12% !important}
.padding-twenty-four-bottom{padding-bottom:12.5% !important}
.padding-twenty-five-bottom{padding-bottom:13% !important}
.padding-twenty-six-bottom{padding-bottom:13.5% !important}
.padding-twenty-seven-bottom{padding-bottom:14% !important}
.padding-twenty-eight-bottom{padding-bottom:14.5% !important}
.padding-twenty-nine-bottom{padding-bottom:15% !important}

.padding-bottom-5px{ padding-bottom:5px !important;}
.padding-bottom-10px{ padding-bottom:10px !important;}
.padding-bottom-15px{ padding-bottom:15px !important;}
.padding-bottom-20px{ padding-bottom:20px !important;}
.padding-bottom-25px{ padding-bottom:25px !important;}
.padding-bottom-30px{ padding-bottom:30px !important;}
.padding-bottom-35px{ padding-bottom:35px !important;}
.padding-bottom-40px{ padding-bottom:40px !important;}
.padding-bottom-45px{ padding-bottom:45px !important;}
.padding-bottom-50px{ padding-bottom:50px !important;}

.padding-left-right-px { padding: 0 15px !important;}
.padding-30px-top { padding-top:30px !important;}
.padding-40px-top { padding-top:40px !important;}
.padding-60px-top { padding-top:60px !important;}
.padding-90px-top { padding-top: 90px !important;}
.padding-110px-top { padding-top: 110px !important;}
.padding-120px-top { padding-top: 120px !important;}
.padding-130px-top { padding-top: 130px !important;}
.padding-140px-top { padding-top: 140px !important;}
.padding-150px-top { padding-top: 150px !important;}
.padding-60px-bottom { padding-bottom: 60px !important;}
.padding-30px-tb{ padding-top: 30px !important; padding-bottom: 30px !important;}
.padding-40px-tb{ padding-top: 40px !important; padding-bottom: 40px !important;}
.padding-50px-tb{ padding-top: 50px !important; padding-bottom: 50px !important;}
.padding-60px-tb{ padding-top: 60px !important; padding-bottom: 50px !important;}
.padding-70px-tb{ padding-top: 70px !important; padding-bottom: 70px !important;}
.padding-80px-tb{ padding-top: 80px !important; padding-bottom: 80px !important;}
.padding-90px-tb{ padding-top: 90px !important; padding-bottom: 90px !important;}
.padding-110px-tb{ padding-top: 0px ; padding-bottom: 90px !important;}
.padding-120px-tb{ padding-top: 120px !important; padding-bottom: 120px !important;}
.padding-130px-tb{ padding-top: 130px !important; padding-bottom: 130px !important;}
.padding-140px-tb{ padding-top: 140px !important; padding-bottom: 140px !important;}
.padding-150px-tb{ padding-top: 150px !important; padding-bottom: 150px !important;}
.padding-100px-tb{ padding-top: 100px !important; padding-bottom: 100px !important;}

.no-padding{ padding:0 !important}
.no-padding-lr{ padding-left: 0 !important; padding-right: 0 !important}
.no-padding-tb{ padding-top: 0 !important; padding-bottom: 0 !important}
.no-padding-top{ padding-top:0 !important}
.no-padding-bottom{ padding-bottom:0 !important}
.no-padding-left{ padding-left:0 !important}
.no-padding-right{ padding-right:0 !important}
#feature-section31 h2{
    margin-bottom:0;
}

/* ===================================
    Custom
====================================== */

/* float */
.float-left { float: left !important;}
.float-right { float: right !important;}
.float-none { float: none !important;}

/* section */
.center-col { float: none !important; margin-left: auto !important; margin-right: auto !important;}
.clear-both{ clear:both}

/* separator */
.separator-line { height: 1px; width: 68px;}
.separator-line1 { height: 1px; width: 65px;}
.separator-line2 { height: 3px; width: 60px;}
.separator-line3 { height: 3px; width: 40px;}
.separator-line-full { height: 1px; margin: 0 auto; width: 100%;}

/* vertical align */
.vertical-align-middle { vertical-align: middle !important;}
.vertical-align-bottom { vertical-align: bottom !important;}
.vertical-align-top { vertical-align: top !important;}
.vertical-align-sub { vertical-align: sub !important;}

/* display */
.display-block { display: block !important}
.overflow-hidden{ overflow: hidden !important}
.overflow-auto{ overflow: auto !important}
.display-inline-block { display: inline-block !important}
.display-inline { display: inline !important}
.display-none { display: none !important}
.display-inherit { display: inherit !important}
.display-table{ display: table !important;}
.display-table-cell-vertical-middle{ display: table-cell; vertical-align: middle; float: none;}
.display-table-cell-vertical-bottom{ display: table-cell; vertical-align:bottom; float: none;}
.list-style-none { list-style: none; padding: 0; margin: 0;}

/* position */
.position-relative{ position: relative !important; z-index: 5 }
.position-absolute {position: absolute !important;}
.position-fixed {position: fixed !important;}
.position-inherit {position: inherit !important;}
.position-static { position: static !important}
.position-right { right:0 !important; }
.position-left { left:0 !important; }
.position-top { top:0 !important; }
.position-bottom { bottom:0 !important; }

/* top */
.top-1{top: 1px !important;}
.top-2{top: 2px !important;}
.top-3{top: 3px !important;}
.top-4{top: 4px !important;}
.top-5{top: 5px !important;}
.top-6{top: 6px !important;}
.top-7{top: 7px !important;}
.top-8{top: 8px !important;}
.top-9{top: 9px !important;}
.top-10{top: 10px !important;}

.top-minus1 {top: -1px !important}
.top-minus2 {top: -2px !important}
.top-minus3 {top: -3px !important}
.top-minus4 {top: -4px !important}
.top-minus5 {top: -5px !important}
.top-minus6 {top: -6px !important}
.top-minus7 {top: -7px !important}
.top-minus8 {top: -8px !important}
.top-minus9 {top: -9px !important}
.top-minus10 {top: -10px !important}

.left-minus1 {left: -1px !important}
.left-minus2 {left: -2px !important}
.left-minus3 {left: -3px !important}
.left-minus4 {left: -4px !important}
.left-minus5 {left: -5px !important}
.left-minus6 {left: -6px !important}
.left-minus7 {left: -7px !important}
.left-minus8 {left: -8px !important}
.left-minus9 {left: -9px !important}
.left-minus10 {left: -10px !important}

.left-1 {left: 1px !important}
.left-2 {left: 2px !important}
.left-3 {left: 3px !important}
.left-4 {left: 4px !important}
.left-5 {left: 5px !important}
.left-6 {left: 6px !important}
.left-7 {left: 7px !important}
.left-8 {left: 8px !important}
.left-9 {left: 9px !important}
.left-10 {left: 10px !important}

/* bottom */
.bottom-3{bottom: 3px !important;}
.bottom-4{bottom: 4px !important;}
.bottom-5{bottom: 5px !important;}
.bottom-6{bottom: 6px !important;}
.bottom-7{bottom: 7px !important;}
.bottom-8{bottom: 8px !important;}
.bottom-9{bottom: 9px !important;}
.bottom-10{bottom: 10px !important;}

/* width */
.width { display: inline-block; position: relative; width: 90%; }
.width-15 { width:15% !important;}
.width-20 { width:20% !important;}
.width-25 { width:25% !important;}
.width-30 { width:30% !important;}
.width-35 { width:35% !important;}
.width-40 { width:40% !important;}
.width-45 { width:45% !important;}
.width-50 { width:50% !important;}
.width-55 { width:55% !important;}
.width-60 { width:60% !important;}
.width-65 { width:65% !important;}
.width-70 { width:70% !important;}
.width-75 { width:75% !important;}
.width-80 { width:80% !important;}
.width-85 { width:85% !important;}
.width-90 { width:90% !important;}
.width-95 { width:95% !important;}
.width-100 { width:100% !important;}
.width-auto { width: auto !important}

.height-20 { height:20% !important;}
.height-25 { height:25% !important;}
.height-30 { height:30% !important;}
.height-35 { height:35% !important;}
.height-40 { height:40% !important;}
.height-45 { height:45% !important;}
.height-50 { height:50% !important;}
.height-55 { height:55% !important;}
.height-60 { height:60% !important;}
.height-65 { height:65% !important;}
.height-70 { height:70% !important;}
.height-75 { height:75% !important;}
.height-80 { height:80% !important;}
.height-85 { height:85% !important;}
.height-90 { height:90% !important;}
.height-95 { height:95% !important;}
.height-100 { height:100% !important;}
.min-height { min-height: 100%;}

/* z-index */
.z-index-0{ z-index: 0 !important;}
.z-index-1{ z-index: 1 !important;}
.z-index-2{ z-index: 2 !important;}
.z-index-3{ z-index: 3 !important;}
.z-index-4{ z-index: 4 !important;}
.z-index-5{ z-index: 5 !important;}
.z-index-6{ z-index: 6 !important;}
.z-index-7{ z-index: 7 !important;}
.z-index-8{ z-index: 8 !important;}
.z-index-999{ z-index: 999 !important;}

/* section height  */
.small-screen {height: 450px;}
.one-second-screen {height: 600px;}
.one-third-screen {height: 560px;}
.one-fourth-screen {height: 800px;}
.one-fifth-screen {height: 900px;}
.one-sixth-screen {height: 985px;}

/* round image  */
.img-round{ width: 250px; border-radius: 50%; overflow: hidden;}
.img-round-250{ border-radius: 50%; height: 250px; width: 250px; overflow: hidden;}
.img-round-70{ border-radius: 50%; height: 70px; width: 70px; overflow: hidden;}
.img-round-80{ border-radius: 50%; height: 80px; width: 80px; overflow: hidden;}
.img-round-90{ border-radius: 50%; height: 90px; width: 90px; overflow: hidden;}
.img-round-100{ border-radius: 50%; height: 100px; width: 100px; overflow: hidden;}
.img-round-110{ border-radius: 50%; height: 110px; width: 110px; overflow: hidden;}
.img-round-120{ border-radius: 50%; height: 120px; width: 120px; overflow: hidden;}
.img100 { width: 100% !important;}

/* column for equalizer   ***/
.two-column > div:nth-child(2n+1) { clear: both; }
.three-column > div:nth-child(3n+1) { clear: both; }
.four-column > div:nth-child(4n+1) { clear: both; }
.six-column > div:nth-child(6n+1) { clear: both; }

/* list */
.list-line { list-style: none; padding: 0; margin: 0;}
.list-line li {border-bottom:1px solid rgba(0,0,0,.15); padding:18px 0}
.list-line li:last-child {border-bottom:none}
.list-line li:first-child {padding-top:0}

/* ===================================
    OWL Carousel
====================================== */

.owl-bg-img {display: block; overflow: hidden; position: relative; width: 100%;}
.owl-buttons .owl-prev {position: absolute; top: 50%; margin-top:-18px; left: 70px !important; font-size: 35px; color: #fff}
.owl-buttons .owl-next {position: absolute; top: 50%; right:70px !important; font-size: 35px; color: #fff; margin-top:-18px;}
.owl-pagination {position: absolute; bottom: 35px; text-align: center; width: 100%;}
.owl-pagination .owl-page {display: inline-block}
.owl-pagination .owl-page span {width: 10px; height: 10px; border-radius: 100%; border: 2px solid rgba(255,255,255,.5); display: inline-block; margin: 0 5px;}
.owl-pagination .active span {background-color: #fff; border: 2px solid rgba(255,255,255,.8);}
.owl-pagination-bottom .owl-pagination{position: absolute; bottom:-50px; text-align: center; width: 100%;}
.owl-pagination-bottom .owl-pagination .active span {background: rgba(255,255,255,.8); }
.owl-pagination-bottom-30px .owl-pagination{bottom:-30px; position: absolute; text-align: center; width: 100%;}

/* hide dot buttons */
.owl-no-buttons .owl-buttons { display: none;}

/* hide dot navigation */
.owl-no-pagination .owl-pagination { display: none}

/* hide next previous arrow */
.owl-without-next-prev-arrow .owl-prev, .owl-without-next-prev-arrow .owl-next {display: none}

/* dark pagination */
.owl-dark-pagination .owl-item {cursor: url("../images/icon/icon-move-black.png"), move !important;}
.owl-dark-pagination .owl-pagination .owl-page span {border: 2px solid rgba(0,0,0,.5);}
.owl-dark-pagination .owl-pagination .active span {background-color: #000; border: 2px solid rgba(0,0,0,.8);}
.owl-dark-pagination .owl-buttons .owl-prev {position: absolute; top: 48%; left: 70px; font-size: 35px; color: #000}
.owl-dark-pagination .owl-buttons .owl-next {position: absolute; top: 48%; right:70px; font-size: 35px; color: #000}

/* outside next previous arrow */
.outside-arrow .owl-buttons .owl-prev {background: #999999; border-radius: 50%; color: #ffffff; font-size: 24px; height: 50px; padding: 13px; position: absolute; left: -60px; top: 50%; width: 50px; margin-top: -25px}
.outside-arrow .owl-buttons .owl-next {background: #999999; border-radius: 50%; color: #ffffff; font-size: 24px; height: 50px; padding: 13px; position: absolute; right: -60px; top: 50%; width: 50px; margin-top: -25px}

/* outside next previous arrow simple */
.outside-arrow-simple .owl-buttons .owl-prev {color: #282828; font-size: 24px; height: 50px; padding: 13px; position: absolute; left: -60px; top: 50%; width: 50px; margin-top: -25px}
.outside-arrow-simple .owl-buttons .owl-next {color: #282828 ; font-size: 24px; height: 50px; padding: 13px; position: absolute; right: -60px; top: 50%; width: 50px; margin-top: -25px}

/* ===================================
    Button
====================================== */

.btn {display: inline-block; border-radius:4px; width: auto; font-family: 'Montserrat', sans-serif !important; font-weight: 600; white-space: inherit; cursor: pointer !important;}
.btn p {margin-bottom:0}
.btn:hover {opacity:0.7}
.btn-dual .btn {margin:0 20px 0 0}
.btn-dual .btn:last-child {margin:0}
.btn-round { border-radius:4px !important}
.btn-circle { border-radius:30px !important}
.btn i { margin-left:7px; vertical-align:baseline; margin-top: 1px;}
.btn-small-white:focus {color: #fff}
.button { margin-top:0; margin-bottom: 0}

.btn.btn-extra-large2 { font-size: 16px; padding: 18px 30px !important; line-height: 20px;}
.btn.btn-extra-large { font-size: 14px; padding: 14px 28px !important; line-height: 18px;}
.btn.btn-large { font-size: 13px; padding: 11px 25px !important; line-height: 18px;}
.btn.btn-medium { font-size: 12px; padding: 8px 20px !important; line-height: 18px;}
.btn.btn-small { font-size: 11px; padding: 4px 14px !important; line-height: 18px;}
.btn.btn-very-small {font-size: 10px; padding: 10px 12px 10px !important; line-height: 0;}

.btn-circle.btn-extra-large { font-size: 16px; padding: 20px 42px !important; line-height: 18px;}
.btn-circle.btn-large { font-size: 14px; padding: 12px 30px !important; line-height: 18px;}
.btn-circle.btn-medium { font-size: 12px; padding: 8px 25px !important; line-height: 18px;}
.btn-circle.btn-small { font-size: 10px; padding: 5px 22px !important; line-height: 18px;}
.btn-circle.btn-very-small {font-size: 10px; padding: 10px 12px 10px !important; line-height: 0;}

.btn.btn-border {border: 2px solid; background-color: rgba(0, 0, 0, 0);}

.btn-3d { border-bottom:3px solid rgba(0,0,0,0.2) !important;}

.btn-shadow { box-shadow: 0 0 6px rgba(0,0,0,.3) !important;}
.box-shadow-light { box-shadow: 0 0 3px rgba(0,0,0,.1) !important;}
.box-shadow { box-shadow: 0 0 3px rgba(0,0,0, .2) !important;}
.box-shadow-dark { box-shadow: 0 0 4px rgba(0,0,0,.4) !important;}

.highlight-button-black { background-color: transparent; border: 2px solid #000; color: #000; display: inline-block; font-size: 12px; padding: 8px 20px 9px;}
.highlight-button-black-border { background-color: transparent; border: 2px solid #000; color: #000; font-size: 22px; font-weight: 600; padding: 20px 30px;}
.highlight-button-white-border { background-color: transparent; border: 2px solid #fff; color: #fff; font-size: 22px; font-weight: 600; padding: 20px 30px;}

/* buttons hover */
.button-black-hover:hover {border: 1px solid #000 !important; color: #000 !important;}
.button-white-hover:hover {border: 1px solid #fff !important; color: #fff !important;}

.highlight-button-black:hover { background-color: #000; border: 2px solid #000; color: #fff;}
.highlight-button-black-border { background-color: transparent; border: 2px solid #000; color: #000; font-size: 22px; padding: 20px 30px;}
.highlight-button-black-border:hover { background-color: #000; border: 2px solid #000; color: #fff !important;}
.highlight-button-white-border { background-color: transparent; border: 2px solid #fff; color: #fff; font-size: 22px; padding: 20px 30px;}
.highlight-button-white-border:hover { background-color: transparent; border: 2px solid #fff; color: #fff;}

.highlight-button-bitter-sweet-border{background-color: rgba(0, 0, 0, 0); border: 5px solid #f3605c; color: #ffffff; font-size: 18px; padding: 4px 17px;}
.highlight-button-bitter-sweet-border:hover{background-color: #000; border: 5px solid #000; color: #fff;}
.highlight-button-white-border-wide{background-color: rgba(0, 0, 0, 0); border: 3px solid #ffffff; color: #ffffff; font-size: 16px; padding: 8px 30px;}
.highlight-button-white-border-wide:hover{border: 3px solid #f3605c; color: #fff;}

.highlight-button-dark-slate-blue-border-wide{background-color: rgba(0, 0, 0, 0); border: 5px solid #55365e; color: #f3605c; font-size: 18px; padding: 4px 17px;}
.highlight-button-dark-slate-blue-border-wide:hover{background-color: #55365e; border: 5px solid #55365e; color: #fff;}

/* scroll down */
.scroll-down { bottom: 50px; position: absolute; text-align: center; width: 100%; z-index: 9;}
.scroll-down a i { border: 2px solid #fff; border-radius: 100%; color: #fff; font-size: 25px; padding:4px 0 0 1px; width: 38px; height: 38px;}

/* ===================================
    Form Control
====================================== */

.extra-big-input, .extra-big-textarea, .extra-big-select select { padding: 18px 25px; border:1px solid rgba(0,0,0,.1) !important; font-size: 14px !important}
.big-input, .big-textarea, .big-select select { padding: 18px 25px; border:1px solid rgba(0,0,0,.1) !important; font-size: 14px !important}
.big-input:focus, .big-select:focus {border:1px solid rgba(0,0,0,.5) !important;}
.big-label {font-size:14px; letter-spacing:2px;}

.medium-input, .medium-textarea, .medium-select select { padding: 12px 20px; border:1px solid rgba(0,0,0,.1) !important; font-size: 14px !important; line-height: normal}
.medium-input:focus, .medium-select:focus {border:1px solid rgba(0,0,0,.5) !important;}
.small-input, .small-textarea { padding: 12px 15px; border:1px solid rgba(0,0,0,.1); font-size: 11px !important; line-height: normal}
.small-input:focus, .small-select:focus {border:1px solid rgba(0,0,0,.5);}
.small-select select {padding: 15px 15px; line-height: normal}
.medium-input-light, .medium-textarea-light, .medium-select-light select { padding: 12px 25px; border:1px solid rgba(255,255,255,.1) !important; font-size: 12px !important; background: rgba(255,255,255,.1) !important; line-height: normal}
.medium-input-light:focus, .medium-select-light:focus {border:1px solid rgba(255,255,255,.4) !important;}

/* 23-feb-2016 */
.extra-small-input, .extra-small-textarea, .extra-small-select select { padding: 9px 17px; border:1px solid rgba(0,0,0,.1) !important; font-size: 12px !important; text-transform: uppercase; line-height: normal}
.extra-small-input:focus, .extra-small-select:focus {border:1px solid rgba(0,0,0,0.5) !important;}

.tz_input_error {border:1px solid #dd1c1c !important}

.input-group input, .input-group textarea, .input-group select {margin:0; border-radius:4px 0 0 4px; border-color: #fff !important; padding: 19px 25px;}
.input-group-btn .btn {border-radius:0 4px 4px 0}
.input-group-btn .btn.btn-large {line-height:2px; height:62px; padding:15px 25px!important}
.input-group input.tz_input_error, .input-group textarea.tz_input_error, .input-group select.tz_input_error { border-color: #dd1c1c !important;}

#success { clear: both; margin: 0 15px 20px; text-align: center; background-color: #6dc13a; border: 2px solid #6dc13a; color: #fff; padding: 10px 0; display: block; }
#error { clear: both; margin: 0 15px 20px; text-align: center; background-color: #ec2313; border: 2px solid #ec2313; color: #fff; padding: 10px 0; display: block; }
.g-recaptcha {margin:0 0 20px 0}
.google-recaptcha-error {color:#ec2313; display:block; margin: 0 0 25px 0}

/* ===================================
    Portfolio and Photo Gallery
====================================== */

.grid li { transition-duration: 0s;}
.grid img { width: 100%;}
.grid-gallery { clear: both; float: left; width: 100%;}
.gallery-img a { display: block; position: relative; z-index: 2;}
.grid-gallery ul { padding: 0;}
.grid-gallery figure { margin: 0; position: relative; overflow: hidden}
.grid-gallery figure img { cursor: pointer; display: block; opacity: 1; width: 100%;}
.grid { margin: 0 auto;}
.grid li { box-sizing: border-box; display: inline-table; float: left; margin: 0; width: 25%;}
.grid-gallery ul { margin-left: 1px;}
.grid figure { transition: opacity 0.2s ease 0s;}
.grid figcaption { bottom: 70px; opacity: 0; position: absolute; text-align: center; transition: all 0.3s ease 0s; width: 100%;}
.gallery-img { opacity: 1; overflow: hidden; transition: all 0.3s ease 0s;}
.grid figure:hover .gallery-img { background-color: #000;}
.no-hover figure:hover .gallery-img { background-color: transparent !important;}
.no-hover figure:hover img { opacity: 1 !important; transform: none;}
.img-fluid:hover{ cursor: url("/assets/images/gallery/zoom icon.png"), pointer; opacity: 0.15; transform: scale(1.1, 1); transition: all 0.3s ease 0s;}
.mfp-figure figure:hover img { cursor: pointer;}
.grid figure:hover figcaption { opacity: 1; transition: all 0.3s ease 0s;}
.revolution-masonry-portfolio-list .portfolio-item { padding: 10px;}

/* portfolio grid - 2 column  */
.work-2col .grid li { float: left; width: 50%;}

/* portfolio grid - 3 column  */
.work-3col .grid li { float: left; width: 33.33%;}

/* portfolio grid - 4 column  */
.work-4col .grid li { float: left; width: 25%;}

/* portfolio grid - 5 column  */
.work-5col .grid li { float: left; width: 20%;}

/* portfolio grid - gutter */
.gutter .grid-gallery ul { margin-left: -14px;}
.gutter .grid li { padding: 0 0 14px 14px;}

/* portfolio with title */
.work-with-title .grid figcaption { background: rgba(19,19,19,.95); bottom: -25px; opacity: 1; display:block; padding: 25px 0; position: absolute; z-index: 2;}
.work-with-title .grid figure:hover figcaption {bottom:0}
.work-with-title .grid figcaption p {opacity: 0; transform: translateY(13px); transition-property: transform, opacity; margin: 0}
.work-with-title .grid figure:hover figcaption, .work-with-title .grid figure:hover p { opacity: 1; display:block;  }
.work-with-title .grid figure:hover p  {transform: translateY(0); transition-property: transform, opacity;}
.work-with-title figure:hover img { cursor: pointer; opacity: 1; transform: scale(1.1, 1.1); }

/* portfolio with title light */
.work-with-title-light .grid figcaption { background: rgba(255,255,255,1); bottom: 0; opacity: 1; display:block; padding: 25px 0; position: absolute; z-index: 2;}
.work-with-title-light .grid figcaption p {margin:0}
.work-with-title-light .grid figure:hover figcaption {background: rgba(0,0,0,.95);}
.work-with-title-light .grid figure:hover figcaption .text-dark-gray {color: #fff !important}
.work-with-title-light .grid figure:hover figcaption, .work-with-title-light .grid figure:hover p { opacity: 1; display:block;  }
.work-with-title-light figure:hover img { cursor: pointer; opacity: 1; transform: scale(1.1, 1.1);  }

/* ===================================
    Video and Sound
====================================== */

.video-wrapper { height: 100%; overflow: hidden; position: absolute; width: 100%; top: 0;}
.html-video { background-color: #000; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; z-index: -3;}
.sound iframe{width: 100%;}
.video-background { position: relative; height: 100%; width: 100%; z-index: 1; top: 0; background: rgba(67,67,67,0.5); }

/* ===================================
    Location List
====================================== */
ul {
    padding: 0;
    margin: 0;
    padding-left:45px;
}
.location-head{
    text-align: center;
    font-weight: 700;
    font-size: 35px;
    line-height: 39px;
    margin-bottom: 2%;
}
.area_service_list h2{
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 2%;
}
.location-menu-list h3 {
    background: #f1f1f1;
    color: black;
    padding: 1px 18px;
    font-size: 14px;
}

.area_service_list_wrap{
    width: 24%;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
}
.location-menu-list ul{
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 0;
    transition: max-height 0.5s ease-out;
}
.area_service_list_wrap:hover .location-menu-list ul{
    max-height: 500px; 
     transition: max-height 0.5s ease-in;
}
.location-menu-list ul li{
    float: none;
    padding: 5px 18px;
}
.location-menu-list ul li a:hover{
    color: #374a8a;
    font-weight: 600;
}

.navbar li:last-child:hover .dropdown-menu{
    display: block;   
}
.independent-research-head h1{
    font-size: 50px;
    color: #398e36;
    font-weight: normal;
    margin-bottom: 50px;
}
.independent-research-wrap{
    background: #0940f3;
    padding: 3rem 3rem 3rem 0rem;
    margin-top:62px !important;
}
.independent-research-step{
    padding: 3rem;
}
.independent-researches{
    margin-top: -75px;
}
.independent-researches .research-number span{
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 42px;
    text-align: center;
    background-color: #fff  !important;
    border: 4px solid #0940f3  !important;
    border-radius: 50%;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
        margin-top: 21px;
}

.pagecolors a{
    
   color: #337ab7 !important;
}


.independent-researches .research-detail h2{
    color: #fff;
    font-size: 1.8rem;
        font-weight: bold;
}
.independent-researches .research-detail p{
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: 500;
    color:#fff !important;
}
.independent-research-step {

}
.independent-research-step ul{
    padding: 0;
    list-style: none;
}
.independent-research-step ul li{
    font-size: 20px;
    margin-bottom: 20px;
}
.independent-research-step ul li span{
    padding: 5px 10px;
    background-color: #71b96e !important;
    text-transform: uppercase;
    border-radius: 2px;
    margin-right: 10px;
}


/*Waqas CSS Start*/


div#wa-poolDesigns {
    background: #fff;
    padding: 60px 0px;
}

div#wa-main-content {
    background: #f8f8f8;
    padding: 60px 0px;
}
.panel-title{
    background-color: #0b60d7 !important;
    color: #ffffff !important;
}
.panel-heading .accordion-toggle:after{
    color:#fff !important;
}
.panel-group{
    width:100% !important;
}



.wa-inner-sec {
    background: #fff;
    border: 1px solid #e8e8e8;
    min-height: 555px;
    margin-bottom: 25px;
    box-shadow: 2px 2px 10px 0px #00000021;
}
.wa-inner-sec h3 {
    padding: 25px 10px 8px;
}
.wa-inner-sec p {
    margin: 0px;
    padding: 0px 20px;
}
.col-sm-12.text-center.wa-center-text {
    padding-bottom: 25px;
}
.wa-center-text h2 {
    padding-bottom: 15px;
}
div#wa-poolDesign {
    background: #f8f8f8;
    padding-top: 60px;
}
div#wa-testimonial-sec {
    padding: 60px 0px;
}

.steps-img a img {
    width: 60%;
    float: right;
    visibility: hidden;
}
.panel-group {
    margin-bottom: 20px;
    display: inline-block;
}
div#wa-accord-sec {
    padding-top: 40px;
}


/*Steps CSS Start*/

.wa-step-circle {
    background: #0b60d7;
    width: 28%;
    text-align: center;
    padding: 34px 7px;
    border-radius: 66%;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    top: -46px;
}
.wa-steps-inner {
    background: #fff;
    padding: 0px 20px 20px;
    border: 1px solid #dcdcdc;
    box-shadow: 2px 2px 10px 0px #00000021;
    margin-bottom: 100px;
    min-height: 365px;
}
.wa-steps-main {
    padding-bottom: 60px;
}
.wa-steps-inner h3 {
    margin-top: -35px;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}
.wa-steps-inner p{
    text-align: center;
}



/*Steps CSS end*/


.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #ffffff !important;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}




/*Testimonials CSS Start*/




.testBox {
          background-color: rgba(250,250,250,1) !important;
          border-radius: 4px;
          text-align: center;
    	  position: relative;
    	  padding-bottom: 15px;
    	  border: 1px solid #c1c1c1;
    	  margin-bottom: 20px;
        }
        p.test-date {
    color: #fff !important;
    padding-top: 15px;
}
.row.test-head {
    background: #0378c9;
    width: 100%;
    margin: 0px !important;
}
.rating-name {
    position: relative;
    padding-top: 20px;
}
.rating-name .wa-rating-img {
    position: absolute;
    right: 0;
    top: 33px;
}
.rating-name .rating-date {
    position: absolute;
    right: 0;
    top: 0px;
}
.row.bottom-review {
    border: 1px solid #ccc;
    margin: 0px 10px !important;
    background-color: #f1f1f1;
    padding-bottom: 20px;
}
.ser-prov h4 {
    font-size: 20px !important;
    margin-bottom: 5px;
    font-weight:bold;
}
.ser-prov p {
    font-size: 16px !important;
    margin-bottom: 0px !important;
}
.ser-prov {
    border-bottom: 1px solid #8e8e8e;
}

.rating-header{
    padding: 3px !important;
}
.wa-review-heading h4 {
    color: #fff !important;
    text-align: left;
    font-size: 21px !important;
    line-height: 35px;
}
.testimonial-text {
    font-size: 17px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #000000 !important;
    padding: 25px 20px 0px;
}
.testimonial-name {
    font-size: 18px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    color: #000000 !important;
    text-align: right;
    padding-right: 30px;
}
.testi-bg .owl-buttons {
    display: none;
}
.wa-inner-banner .slider-text-middle {
    position: inherit !important;
}

/*Testimonials CSS End*/


#footer-section8 iframe {
    z-index: 99999 !important;
}


@media (max-width: 767px){
    .independent-research-wrap{
        padding: 3rem 0px !important;
    }
    .content-sec .col-md-8 img {
    width: 100%;
}
.breadcrumb-wrapper {
    border-radius: 30px 0px 30px !important;
}
ul#menu-footer-services {
    padding-left: 15px;
}
.page-title a.btnn {
    display: none;
}
    .independent-research-step{
        padding: 3rem 0px !important;
    }
    .independent-researches{
        margin: unset;
    }
.bottom-navi.d-none {
    display: block !important;
}
.owl-dark-pagination .owl-buttons .owl-next {
    right: 5px !important;
}
.owl-dark-pagination .owl-buttons .owl-prev {
    left: 5px !important;
}
.owl-theme .owl-controls .owl-buttons div {
    padding: 8px 14px !important;
    font-size: 20px !important;
}
.one-third-screen.full-banner {
    min-height: 35vh !important;
}
.owl-buttons {
    position: absolute;
    top: 35% !important;
}
.bottom-chat iframe {
    height: 69%;
}
.wa-inner-banner .xs-one-second-screen {
    height: 250px !important;
}
body .form-container {
    max-width: 100% !important;
}
}
div#wa-blog {
    padding: 60px 0px;
}
#wa-blog img {
    padding-bottom: 20px;
}
.m-bottom h2 {
    padding-bottom: 28px;
}

.sub-heading-text{
    color:#fff !important;
        margin-top: 12px;
}
.feature-style-31 span{
    padding-right:0px !important;
    
}

.number-light{
    font-size:23px !important;
    color:#000 !important;
    
}
.number-light p{
    
    font-size: 17px;
    margin-bottom: 8px;
}

.number-light a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 21px;
    background: #6aae2b;
    padding: 12px 20px;
    border-radius: 5px;
    line-height: 46px;
    margin-left: 20px;
}

.bottom-navi {
    background: #203296 !important;
}

.bottom-navi a {
    color:#fff;
    

}
.bottom-navi a:hover {
    color:#fff;
    
}
.nav li {
    
    padding: 12px 8px 12px 20px;
    margin-left:5px;
}


.nav li:hover {
    
    background: #45beef;
}

.nav li:active {
    
    background: #45beef;
}

.navbar li{
    margin:0px !important;
}
.slider-content{
    
    animation-name: fadeInDown;
    background: #00000085;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
}

.margin-seven-bottom{
    
    margin-top: 17px;
}
.steps-img{
    margin-left: 170px;
    
}
.bBoxes {
    margin-top: 0px !important;
    display: inline-block;
    width: 100%;
}

@media (min-width: 992px){
.col-md-5th-1 {
    width: 20%;
}
}
#bServices-dfw .bBoxes img {
    margin: 0px 0 10px 0;
    border: 5px solid #fff;
}
.bBoxes h4, .bBoxes h4 a {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #fff !important;
    text-align: center;
    line-height: 22px;
}
.builder-bg{
    
        margin-top: -102px;
}


    .tags{
    	background: #358be4 !important;
    	color: #fff;
    	display: inline-block;
    	padding: 4px 10px;
    	border-radius: 4px;
    	font-size: 12px;
    	margin: 0px 0px 5px;
    }
    .blog h4{
    	font-size: 16px !important;
    	font-weight: normal !important;
    	margin: 0px !important;
    }
    .blog {
    	margin-top: 30px;
    }
    .blog span{
    	font-size: 13px !important;
    	display: block;
    	margin-top: 3px;
    }
    .blog p {
        font-size: 14px !important;
        margin-top: 10px;
    
    }
    .main-content h4{
    	font-size: 20px !important;
    }
    .pagination .normal_bold {
    
    background: #358be4 !important;
    	color:#fff !important;
    padding: 8px 15px;
    display: inline-block;
    margin-right: 5px;
    border-radius:5px !important;
    }
    	.pagination a,.pagination .inactive{
    	background: #f7f7f7 !important;
    	color:#333 !important;
        padding: 8px 15px;
        display: inline-block;
        margin-right: 5px;
    	border-radius:5px !important;
    }
    .pagination{
    	display: block;
    	text-align: center;
    }
	.main-content h4{
		margin: 0px 0px 5px;
	}
	.blog img{
		height: 62px;
		width: 62px;
		margin: 0 auto;
		border-radius: 50%;
		object-fit: cover;
	}
	.tags{
    	background: #358be4 !important;
    	color: #fff;
    	display: inline-block;
    	padding: 4px 10px;
    	border-radius: 4px;
    	font-size: 12px;
    	margin: 0px 0px 5px;
    }
    .tags{
	background: #358be4 !important;
	color: #fff;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 12px;
	margin: 0px 0px 5px;
}
.blog h4{
	font-size: 16px !important;
	font-weight: normal !important;
	margin: 0px !important;
}
.blog {
	margin-top: 30px;
}
.blog span{
	font-size: 13px !important;
	display: block;
	margin-top: 3px;
}
.blog p {
    font-size: 14px !important;
    margin-top: 10px;

}
	.blog img{
		height: 62px;
		width: 62px;
		margin: 0 auto;
		border-radius: 50%;
		object-fit: cover;
	}
	#socialicons {
		margin-top: 80px;
	}
	#relatedProducts{
		margin-top: 30px;
	}
	#socialicons h3 span,#relatedProducts h3 span{
		margin: 0px 10px;
	}
	@media(max-width:767px){
		#socialicons h3 span,#relatedProducts h3 span{
			display: none;
		}
		#relatedProducts{
			margin-bottom: 30px;
		}
	}
	#socialicons h3,#relatedProducts h3{
		font-size: 16px !important;
		color: #bbbbbb !important;
		font-weight: normal !important;
		text-transform: uppercase;
	}
	#socialicons a {

    color: #358be4 !important;
		margin: 10px 5px;
		display: inline-block;

	}
	.carousalPost h4{
		font-size: 18px !important;
		text-align: left;
		line-height: 28px;
	}
	
	.carousalPost p{
		font-size: 15px !important;
		text-align: left;
	}
	.owl-next,.owl-prev{
		background: #ededed !important;
		color: #333 !important;
	}
	.owl-next{
		right: -10px !important;
	}
	.owl-prev{
		left: -50px !important;
	}
	
		@media(min-width:320px) and (max-width:768px) {
		    
		    .wilson-banner {background-attachment:scroll !important;}
		    .wilson-mobile-banner {background-attachment:scroll !important; background-size:cover !important;}
		    #bParallex {background-attachment:scroll !important;}
		    #bPoolParallex {background-attachment:scroll !important;}
		    #bPoolCParallex {background-attachment:scroll !important;}
		    #bPoolRParallex {background-attachment:scroll !important;}
		    #banner-slider .nivo-caption h1{text-shadow: 1px 4px 20px #000 !important;}
		    #banner-slider .nivo-caption p{text-shadow: 1px 4px 20px #000 !important;}
		    #headerLogo-dfw img{width:70% ;}
		    #header-dfw #headerDetail-dfw h2, #header-dfw #headerDetail-dfw h2 a {margin:0 !important; font-size:26px; }
		    #banner-slider .nivo-caption{padding:0 !important;}
		}
	
	#banner-slider .nivo-caption h1{text-shadow: 1px 4px 55px #000 !important;}
    #banner-slider .nivo-caption p{text-shadow: 1px 4px 55px #000 !important;}
    
    /********************* Home Page Section CSS **********************/
    
  .nav li, .nav a {
    position: relative;
    }
 .nav li ul{
     background-color: #203296 !important; 
     border: none !important;
     display: block;
     left: -999999em;
     z-index: 1;
  }
  .nav > li:hover > ul{
    left: 0;
    min-width: 100%;
  }
  .nav li ul li:hover > ul{
    margin-left: 0px; 
    left: 100% !important;
    top: -6px
  }
    
#bServices-dfw h3 {
    font-family: Montserrat,sans-serif !important;
    font-size: 36px !important;
    font-weight: bold !important;
    font-style: normal !important;
    color: #003D71 !important;
}

.bBoxes {
    display: inline-block;
    width: 100%;
    text-align:center;
}
#bServices-dfw .bBoxes img {
    margin: 0px 0 10px 0;
    border:5px solid #fff;
}

.bBoxes h4, .bBoxes h4 a {
    font-size: 22px !important;
    font-weight: 600 !important;
    color:#0960d7 !important;
    text-align: center;
    line-height: 22px;
}
.row.wa-inner-bg {
    background: #f7f7f7;
}
.wa-inner-bg h3 {
    padding: 50px 0px 0px;
}


@media (min-width: 992px){
.col-md-5th-1 {
    width: 20%;
}
}

#getStartedServices-dfw {
    padding: 40px 0px;
    background: #ffffff;
}
#getStartedServices-dfw h3 {
    font-size: 30px;
    font-weight: 600 !important;
}
#getStartedServices-dfw p {
    margin-top: 15px;
    line-height: 25px;
}

#strBoxes {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
#strBoxes h3 {
    font-size: 20px !important;
}

.strBoxes {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.strBoxes h4 {
    color: #134b7b !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-align: center;
    margin-bottom: 20px;
}

#bParallex {
    background: url(/userfiles/images/sub/BG1.jpg) center center;
    padding: 120px 0px;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
div#bParallex:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000004f;
    top: 0;
    left: 0;
}
#bParallex h3 {
    color: #fff !important;
    font-size: 48px !important;
    font-weight: bold !important;
}
#bParallex h4 {
    font-size: 28px;
    color: #fff !important;
    margin: 15px 0px;
}
#bParallex p {
    font-size: 20px !important;
    color: #fff !important;
    margin: 15px 0px;
}

#bParallexmain {
    background: url(/userfiles/images/sub/BG2.jpg) center center;
    padding: 120px 0px;
    background-size: cover;
    background-attachment: fixed;
}
.bottom-paralex {
    background: url(/userfiles/images/sub/BG3.jpg) center center !important;
    padding: 120px 0px;
    background-size: cover;
    background-attachment: fixed;
}
#bParallexmain h3 {
    color: #fff !important;
    font-size: 48px !important;
    font-weight: bold !important;
}
#bParallexmain h4 {
    font-size: 28px !important;
    color: #fff !important;
    margin: 15px 0px;
}
#bParallexmain p {
    font-size: 20px !important;
    color: #ffffff !important;
    margin: 15px 0px;
    line-height: 31px;
}


a.getStarted {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
    margin: 10px auto;
    text-decoration: none;
    color:#fff;
    transition: all 0.3s ease 0s;
    position: relative;
    background: var(--color1);
    background-size: 200% 100%;
    background-position: right bottom;
}
a.getStarted:hover {
  background-position: left bottom;
  color:#fff;
}
.bServicesContent img, #getStartedServices-dfw .col-sm-5 img {
    box-shadow: 1px 0px 5px 3px #d8d8d8;
}


div#bLearnSection {
    background: var(--color2);
    padding: 30px 0px;
}
div#bLearnSection h3 {
    color: #fff !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    margin-bottom:10px;
}
div#bLearnSection p {
    color: #fff !important;
}


#bPoolParallex {
    background: url(/userfiles/images/sub/BG4.jpg) center center;
    height: 500px;
    background-size: cover;
    background-attachment: fixed;
}
#remodeling, #poolDesign, #poolServiceRepair {
    padding: 60px 0px;
}
.bServicesContent p {
    margin-top: 15px;
    line-height: 25px;
}

.poolDesigning {
    
    background: #f8f8f8;
}
.poolDesignings{
    padding-bottom:0px !important;
}
/*.mian-content {*/
    
/*    margin:50px 0px;*/
/*}*/
/*.mian-content h2{*/
/*font-size: 30px;*/
/*    line-height: 45px;*/

/*}*/
/*.mian-content h3{*/
/*    font-size: 25px;*/
/*    line-height: 45px;*/
/*}*/
    

p.subHeading {
    font-weight: 600 !important;
    color: #134b7b !important;
    text-align: center;
    margin-top: 5px !important;
}

/*.bServicesContent h3 {*/
/*    color: #309fcc !important;*/
/*    font-size: 30px !important;*/
/*    font-weight: 600 !important;*/
/*    margin: 0px;*/
/*}*/
#bPoolCParallex {
    background: url(/userfiles/images/sub/BG3.jpg) center center;
    height: 500px;
    background-size: cover;
    background-attachment: fixed;
}
#bPoolRParallex {
    background: url(/userfiles/images/sub/BG2.jpg) center center;
    height: 500px;
    background-size: cover;
    background-attachment: fixed;
}
#remodeling, #poolDesign, #poolServiceRepair {
    padding: 60px 0px;
}

#resources {
    padding: 50px 0px;
    background: #000;
}
#resources h3 {
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 600 !important;
}
.bBoxes {
    margin-top: 30px;
    display: flex;
    width: 100%;
}
.row.bBoxes .col-md-5th-1 {
    flex: 0 0 20%;
}
/* area we serve styles */
.areaweservecitieslist li {
    width: 25%;
    display:inline-block;
    line-height: 40px;
    
}

@media (min-width: 992px){
.col-md-5th-1 {
    width: 20%;
}
}

#resources .bBoxes h4 {
    color: #fff !important;
    line-height: 25px;
}

#resources h4 a {
    font-size: 22px !important;
}
#poolCleaning {
    padding: 60px 0;
}

#content-dallas {
    padding-top: 0px !important;
}

.fadeInDown {
    animation-name: fadeInDown;
    background: #00000085;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
}

	@media (min-width: 1500px) and (max-width:1920px){
.wilson-banner {padding: 250px 0px !important;}
}

	@media (min-width: 320px) and (max-width:768px){
    
    .fadeInDown{
        width: 100%; 
        left: 0;
      transform: translateX(0%);
    }
    #getStartedServices-dfw {
    padding: 30px 0px !important;
    }
    
    }
#header-dfw{padding:0 !important;}
.fwl {
    width: 100% !important;
}
.bottom-boxes{
    
    margin-top:50px !important;
}

/**********testi*********/


.testimonial{
    text-align: center;
}
.testimonial .pic{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin: 0 auto 40px;
    border: 4px solid #0960d7;
    overflow: hidden;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    color: #8a9aad;
    font-size: 31px;
    font-style: italic;
    line-height: 24px;
    margin-bottom: 20px;
}
.testimonial .testimonial-prof{
    margin:20px 0;
}
.testimonial .title{
    font-size: 20px;
    color: #0960d7;
    margin-right: 20px;
    text-transform: capitalize;
}
.testimonial .title:after{
    content: "";
    margin-left: 30px;
    border-right: 1px solid #808080;
}
.testimonial .testimonial-prof small{
    display: inline-block;
    color: #8a9aad;
    font-size: 17px;
    text-transform: capitalize;
}
.owl-theme .owl-controls .owl-buttons div {
    background: #484848d4 !important;
    opacity: 1;
    color: #fff !important;
    padding: 4px 15px;
    border-radius: 50%;
}
.fa-long-arrow-left:before {
    content: "\f104" !important;
}
.fa-long-arrow-right:before {
    content: "\f105" !important;
}
.testi-bg .owl-controls.clickable {
    display: none;
}
.owl-buttons{
    position: absolute;
    top: 50%;
    width: 100%;
}
.owl-prev{
    position: absolute;
    left:30%;
}
.owl-next{
    position: absolute;
    right:30%;
}


@media only screen and (max-width: 479px){
    .owl-prev{
        left: 10%;
    }
    .owl-next{
        right: 10%;
    }
}

@media (max-width: 1920px) and (min-width: 1500px){
.wilson-banner {
    padding: 250px 0px !important;
}
    
}
.testi-bg {
    
        margin: 45px 0px;
}
.testi-text{
    
    margin-bottom:30px;
}
.testi-text h2    
{
    font-size: 36px;
    font-weight: bold;
}

.testi-text p{
font-size: 21px;
}
.testi-text h4{
    font-size: 18px;
    
}
.steps-page{
    
    margin-left: 70px;
}
.slider-title{
    
    margin:12px 12px;
}
.btn-bottom-link {
    text-align:center;
        margin-top: 30px
}
.btn-bottom-link a{
    
    padding: 10px 22px;
    background: #0b60d7;
    color: #fff;
}
.location-bottom{
    display:none !important;
}


/*! Lity - v2.2.2 - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}

body {
  font-family: sans-serif;
}

.videoGallery {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.videoGallery a {
  flex-grow: 1;
  width: 300px;
  max-width: 100%;
  margin: 1%;
  text-decoration: none;
  transition: all 0.3s ease;
}

.vidImg {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 250px;
}

.videoGallery a:hover .fa,
.videoGallery a:focus .fa {
  opacity: 1;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

.videoGallery .fa {
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 20px);
  font-size: 30px;
  color: white;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  padding: 15px 14px 15px 21px;
  opacity: 0.7;
  transition: all 0.3s ease;
}

.vidTitle {
  display: block;
  width: calc(100% - 20px);
  color: black;
  padding: 10px 5px;
  transition: all 0.3s ease;
}

.videoGallery img {
  width: 100%;
}

#tz-slider-text1 h1{
    font-size: 36px;  
    line-height: 46px;
    color:#fff;
    font-weight: bold;
}
.cities {padding:40px 0;  background: #f7f7f7;}
.cities ul{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    padding-left:30px;
}
.owl-prev, .owl-next {
    background: var(--color1) !important;
    margin-left: 59px;
}
@media(max-width:767px){
    .cities ul{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
}
.blog_post img{
  width:100%; 
  margin:10px 0 40px;
  border-style: solid;
  box-shadow: 10px 10px 0px 0px #365ea6;
}
#bParallex h4 {
    font-size: 20px !important;
}
#bParallex p {
    display:none;
}
.blog_post h2{margin-top:10px;}
.blog_post p{    
    margin-top: 10px;
    line-height: 25px;
}
.sidebar{ margin-bottom:25px;
background:#F8F8F9; padding:20px;}
.sidebar h3{font-weight:600; margin-bottom:10px;}
.blog_categories a{
background: #365ea6;
    padding: 3px 8px;
    color: #fff;
    border-radius: 20px;
    margin:3px 6px;
   display: inline-block;
}
.blog_list{list-style: none;
    padding: 0;}
.blog_list li{ margin-top:10px}
.blog_list li a{
font-weight: 600;
color:#365ea6;}
.blog_list li a:hover{
color:#000;}
.bdate{
display:block;
    color: #9a9999;
    font-size: 12px;
    border-radius: 6px;
}
.blog_post {border-bottom: 1px solid #365ea6; padding-bottom:10px; margin-top:20px}
.blog_post small{ 
    display: block;
    margin: 12px 0 20px;
}
.blog_post small:before {
    content: 'Date : ';
    color: #000;
}
.blog_cats a{
background: #365ea6;
    padding: 3px 8px;
    color: #fff;
    border-radius: 20px;
    margin:3px 6px;
   display: inline-block;
}
.blog_cats .badge{
background: #365ea6;
border-radius: 20px;
margin:16px 0;
}
.brd {font-size:14px;}
.card-header h4{
    cursor:pointer;
    background: #365ea6;
    color: #fff;
    padding: 6px 13px;
}
.blog_widget .blog_post{border:none}
.card-body ul{ border: 1px solid #cccc; padding:10px 20px;}
.card{padding-bottom:10px;}

@media(min-width:1024px){
.blog_widget {
    display:flex;
}
.blog_widget .blog_post{
    width:50%;
    padding-left:15px;
    padding-right:15px;
}
/*.accordion{display:flex}*/
.card{width:50%;
    padding-right:15px; display:inline-block;
    position: relative;
    vertical-align: top;
}



}

.free-quote a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    background: #6aae2b;
    padding: 10px 25px;
    border-radius: 5px;
    float: left;
}

@media (min-width: 769px)  and (max-width:1024px) {
.nav li {
    padding: 12px 8px 12px 8px!important;
}
.free-quote a {
    
    font-size: 15px;
    padding: 6px 14px;
    float: left;
    margin-left: 88px;
}
.number-light a {
   
    font-size: 14px;
    background: #6aae2b;
    padding: 6px 14px;
    border-radius: 5px;
}
	
}


@media (min-width: 1024px)  and (max-width:1199px) {
.nav li {
    padding: 12px 8px 12px 8px!important;
}
.free-quote a {
    
    font-size: 15px !important;
    padding: 6px 14px !important;
    margin-left: 88px !important;
}
.number-light a {
   
    font-size: 14px !important;
    
    padding: 6px 14px !important;
    border-radius: 5px !important;
}

}
@media (min-width: 1200px)  and (max-width:1299px) {

.nav li {
    padding: 12px 8px 12px 8px!important;
}
.bottom-navi-x .col-md-12 {
    padding-left: 0;
}
.free-quote a {
    
    font-size: 15px !important;
    padding: 6px 14px !important;
    margin-left: 88px !important;
}
.number-light a {
   
    font-size: 14px !important;
    
    padding: 10px 16px !important;
    border-radius: 5px !important;
}
.bottom-navi-x .container {
    padding-left: 0;
}

}



@media (min-width: 1300px)  and (max-width:1439px) {
.nav li {
    padding: 12px 8px 12px 8px!important;
}
.free-quote{
    margin-left: 152px !important;
}
.bottom-navi-x .col-md-12 {
    padding-left: 0;
}
.free-quote a {
    
    font-size: 15px !important;
    padding: 6px 14px !important;
    
}
.bottom-navi-x .container {
    padding-left: 0;
}
.number-light a {
   
    font-size: 14px !important;
    
    padding: 10px 16px !important;
    border-radius: 5px !important;
}
.head-btn {
    padding: 0;
}
.number-light {
    float: right;
    padding-right: 36px;
}
	
}


@media (min-width: 1440px) and (max-width:1499px) {


.nav li {
    padding: 12px 8px 12px 8px!important;
}
.bottom-navi-x .col-md-12 {
    padding-left: 0;
}
.number-light {
    float: right;
    padding-right: 36px;
}
.bottom-navi-x .container {
    padding-left: 0;
}
.free-quote a {
    
    font-size: 15px !important;
    padding: 6px 14px !important;
    margin-left: 200px !important;
}
.number-light a {
   
    font-size: 14px !important;
    
    padding: 10px 16px !important;
    border-radius: 5px !important;
}
.head-btn {
    padding: 0;
}
}

@media (min-width: 1500px) and (max-width:1599px) {

.nav li {
    padding: 12px 8px 12px 8px!important;
}
.number-light {
    float: right;
    padding-right: 36px;
}
.bottom-navi-x .col-md-12 {
    padding-left: 0;
}
.free-quote a {
    
    font-size: 15px !important;
    padding: 6px 14px !important;
    margin-left: 80px !important;
}
.bottom-navi-x .container {
    padding-left: 0;
}
.number-light a {
   
    font-size: 14px !important;
    
    padding: 10px 16px !important;
    border-radius: 5px !important;
    line-height: 40px !important;
}
.head-btn {
    padding: 0;
}
	
}
.ttm-row.testimonial2-section .title-header p {
    font-size: 18px;
    line-height: 20px;
}
.ttm-row.testimonial2-section .title-header h4 {
    font-size: 30px;
}
@media (max-width: 767px){
.free-quote a {
    font-size: 16px !important;
     margin-left: 20px;
   }
   .wa-inner-bg h3 {
    padding: 30px 0px 0px;
    margin: 0;
    font-size: 24px !important;
    line-height: 35px;
   }
   .ttm-row.testimonial2-section .title-header h4 {
    font-size: 22px;
   }
   #bParallex{padding:80px 0;}
   #bParallex h3 {
    font-size: 30px !important;
    line-height: 32px !important;
}
div#bLearnSection h3 {
    font-size: 25px !important;
    line-height: 30px;
}
   .builder-bg{margin-top:0;}
   .bBoxes{display:block; margin:0 !important}
}

#autoSizingSelect {
    color: #999b9c !important;
}
.medium-input:focus, .medium-select:focus, .medium-select:focus-visible {
    border: 1px solid rgba(0,0,0,.5) !important;
    outline: none;
}
.feature-style-31 {
    padding-bottom: 0 !important;
}

/* Flip Box Start */

.flip-box {
  background-color: transparent;
  width: 100%;
  height: 273px;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 274px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  color: black;
}

.flip-box-back {
  background-color: var(--color2);
  color: white;
  transform: rotateY(180deg);
  text-align: center;
    padding-top: 100px;
}
.flip-box-back h2 {
    color: #fff;
    font-size: 30px;
    line-height:40px;
}
.flip-box-back p {
    color: #fff;
    font-size: 20px;
}
/* Flip Box End */

#getStartedServices-dfw img, #bLearnSection img, #remodeling img, #poolDesign img, #poolServiceRepair img, #poolCleaning img{
    width: 100%;
}
section.content-sec.clearfix {
    padding: 80px 0px;
}
.content-sec h2 {
    font-size: 28px;
    line-height: 35px;
    padding-bottom: 10px;
}
.rating-widget {
    width: 109px;
    height: 70px;
    margin: 0 auto;
    border: 6px solid #ff7702;
    align-items: center;
    text-align: center;
    color: #1C63B8;
}

.rating-widget span {
    font-size: 42px;
    font-weight: 600;
    line-height: 56px;
}

span.total-rate {
    background: #ff7702;
    padding: 5px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-right: 1px solid #ff7702;
}
.portfolio-item.row {
    padding: 50px 0px;
}
section.gallery-section {
    background: white;
}
@media (min-width:980px){
.Gallery-heading h3 {
    text-align: center;
    padding-bottom: 50px;
    font-size: 40px;
    line-height: 50px;
}
}
@media (max-width:767px){
    .Gallery-heading h3 {
    text-align: center;
    padding-bottom: 30px;
    font-size: 24px;
    line-height: 34px;}
    .portfolio-item.row {
        padding: 15px;
}
}