/*-------Reset----------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background: transparent;border: 0 none;font-size: 100%; margin: 0;padding: 0;border: 0;outline: 0;vertical-align: top;  }ol, ul {list-style: none;}blockquote,q {quotes: none;}img {vertical-align:top; }embed { vertical-align:top;}

/*-----------------------------------------------------------------------------------------------*/

html,body {height: 100%; margin: 0; padding: 0; }

body {margin:0px;   background:#ffffff; color: #091c4a; font-family:Arial, Helvetica, sans-serif; font-weight: normal !important; font-size:14px; line-height:1.6em; letter-spacing:0px; overflow-x:hidden;}

.main{overflow-y:hidden; width:99.9%;}

.fixed-header{position:fixed; margin: 0; width: 100%;z-index: 10000;}

.slider{position:relative; padding-top: 100px;}

h1, h2, h4, h5{font-family: 'Cinzel', serif;color: #091c4a; font-weight:200; padding-left:10px !important;   margin-bottom:15px; padding:5px 0 5px 0; text-transform:uppercase; }

h1{font-size:1.8em; line-height: normal;  font-family: 'Merriweather', serif; font-weight:400;   margin:15px 0 5px 0;}

h2{font-size:1.7em; line-height: normal;  font-family: 'Merriweather', serif; font-weight:200;  margin:15px 0 5px 0;}

h3{font-size:1.5em; line-height:normal; font-family: 'Merriweather', serif; font-weight:200;  margin:15px 0 15px 0; /*padding:5px 0 5px 10px;*/}

h4{font-size:1.3em; line-height:normal; text-transform:uppercase; font-weight:bold;  border-bottom:1px solid #e4dbd7; margin-bottom:5px; border-radius:2px; border-bottom:1px solid #ccc; padding-left:25px;}

h5{font-size:1em; line-height:normal; text-align:left !important; text-transform:uppercase; color:#288ed0 !important; font-weight:700 !important}

.mobile-pic{display:none;}

.mobile-menu-link{display:none;}

.youtube-video-container{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0; margin:20px 0;
}
.youtube-video-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#items-gal{display:none !important;}

.service-area-table{;border: 1px solid; width: 100%;}
.service-area-table th{text-transform: uppercase;padding: 0px;font-size: 1em;font-family: 'Roboto', sans-serif;border: 1px solid #373838;font-weight: 400;color:#373838}
.service-area-table td{border: 1px solid #373838;padding: 5px;font-size: 1em;font-family: 'Roboto', sans-serif;vertical-align: top; line-height: 20px;}
.service-area-table td a{text-decoration:underline;}

.service-area-table tr td:first-child{color: #373838;text-transform: uppercase;}

.bigbold{color:#222; font-size:1.2em; background:#f3c407; padding:10px; box-sizing: border-box;     box-shadow: 1px 2px 2px #888; display: block;

max-width: 275px; font-weight:bold}

.big-closet img{ width:100%; max-width:1100px; height:auto}

.active-acc{background:#333 !important; color:#fff; text-transform:uppercase;    font-size: 11px !important;}

.email-signup{ text-align:center; padding:30px 0 30px 0; background:#298ecf}
.email-signup h3{ color:#fff}
.email-signup p{ color:#fff; max-width:580px; margin:auto}
a.btn {color:#2196F3; border-bottom:1px solid yellow; }
.videoiframe{ max-width:650px; height:auto; width:100%; margin:0 auto; position: relative;top: 60px; }

.main-heading{ text-align:center; /*min-height:200px;*/ box-sizing:border-box; letter-spacing:1px; padding:35px 0}

.main-heading h1{ text-align:center !important; color:#288ed0; font-size:3.5em; font-family: 'Roboto', sans-serif; line-height:59px !important;}

.main-heading h5{padding:0 !important}

.main-heading p{padding:0 !important; text-align:left}

.main-heading .center p{text-align:center;}


.products .two_third .main-heading{ box-sizing:border-box; letter-spacing:1px; padding:35px 0}

.products .two_third .main-heading h1{ text-align:left !important; color:#288ed0 ;   font-size: 1.5em !important;
    font-family: 'Roboto', sans-serif;
    line-height: normal !important;
    padding-left: 0 !important;
}

.products .two_third .main-heading h5{padding:0 !important}

.products .two_third .main-heading p{padding:0 !important; text-align:left}

.products .two_third .main-heading .center p{text-align:center;}
.products .two_third .main-heading .grey-heading{color:#706f6d; font-family: 'Roboto', sans-serif;}

.acc-heading{ text-align:center;  box-sizing:border-box; letter-spacing:1px; /*padding:35px 0*/}

.acc-heading h1{ text-align:center !important; color:#288ed0; font-size:4.5em; font-family: 'Roboto', sans-serif;}

.acc-heading h5{padding:0 !important}

.acc-heading p{padding:0 !important; }

.acc-heading .center p{text-align:center;}

audio{background:#ffffff !important}

.contact-us iframe{width:100%; height:650px; overflow:hidden !important; background:#fff}

.grey-heading{color:#706f6d; /*font-size:0.5em !important; line-height:80px; */font-family: 'Roboto', sans-serif;}

.dbl-bg{ background:url(../images/bg-dbl.jpg) repeat-y; min-height:500px; height:auto; box-sizing: border-box; overflow:hidden; color:#fff; font-size:18px; line-height:35px; font-family: 'Roboto', sans-serif; }

/*.dbl-bg p{padding:0 !important}*/

.dbl-bg .one_half{margin-top:0 !important}

.blue-bg-half{background:#298ecf;     height: auto;

    min-height: 1478px;}

.grey-bg-half{background:#8d8d8d; width:50% !important;      height: auto;

       min-height: 1478px;

    background-size: cover;

   /* min-width: 954px;*/

    overflow: hidden;}

.dbl-bg .one_half p strong{font-size:24px;}

.closet2{max-width:591px; height:auto; width:100%; padding:25px 0}

.main-nav{float:left; }

.main-nav a{font-weight:700; font-size:12px; padding:0 10px; font-family: 'Roboto', sans-serif; text-transform:uppercase; color:#373838}

.main-navigation{display:block; text-align:center; height:35px;}

.main-navigation li a{float:left; display:block}

.phone-nav{min-height:126px;     margin: 20px 0 0 0; }

.phone h3{color:#298ecf;font-family: 'Roboto', sans-serif; font-size:2.4em ; line-height:35px; font-weight:600}

.phone h3 strong{font-size:16px; color:#545454;    font-weight: 500; padding: 25px; line-height: 32px;}

.home-content{ /*padding-bottom:30px;   padding-bottom: 60px; min-height:427px*/ position: relative;  }

/*.testimonials p{ background:#f8f8f8 url(../images/testimonials.jpg) top left no-repeat; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px; font-style:italic; border-radius:0px; padding:20px 20px 20px 70px; -webkit-box-shadow: 0 8px 6px -6px #c8c8c8;

-moz-box-shadow: 0 8px 6px -6px #c8c8c8;

box-shadow: 0 8px 6px -6px #c8c8c8;}*/

.testimonials{min-height:550px; background:#7c7c7c; overflow:hidden}

.testimonials  h3{text-align:center; font-family: 'Great Vibes', cursive; font-size:4em; color:#fff}

.testimonials .container .one_half .camera_wrap .camera_caption{background:none !important;    top: 0 !important;}

.testimonials .container .one_half .camera_wrap .camera_caption .container p{ text-align:left; font-size:12px !important; text-transform:capitalize;  font-family:Arial, Helvetica, sans-serif; line-height:18px;}

.testimonials .container .one_half:nth-child(1){border-right:2px solid #fff !important; } 

.testimonials  .camera_caption .container strong{font-size:14px; color: #f3c407; text-align:left !important; text-transform: capitalize; font-family:Arial, Helvetica, sans-serif}

.radio-commercial{position:fixed; }

.followus {

    position: fixed;

    background: #f3c407;

    width: 150px;

    height: 50px;

    box-sizing: border-box;

    overflow: hidden;

    color: #fff;

    z-index: 20000;

    display: block;

    padding: 10px;

    line-height: 15px;

    top: 300px;

	right:0;

}

.followus a {

    

    font-size: 11px;

    /*line-height: 20px;padding: 20px;*/

	display:block; font-weight:700;

	transition: none !important; text-align:center

}

.followus:hover {

   /* position: fixed;padding: 20px;  background: #298ecf;   z-index: 20000;font-size: 16px; */

    color:#fff; background:#ccc;display:block; 

	transition: none !important;

}

.ft-yellow{ font-size:15px; font-weight:700; color:#f3c407; text-transform:capitalize}

.services{padding:35px 10px;     box-sizing: border-box;    overflow: hidden;}

.services{background:#f4f4f4; min-height:500px; position:relative}

/*.services li .one_third {display:block; min-height:800px}*/

.services .one_third{min-height:370px; margin-right:0% !important; padding-left:1.1% !important; padding-top:25px;}

.services .one_third:hover {/*box-shadow:2px 2px 2px #666 background:#afb1b0*/}

.services .one_third span{font-size:1.5em; font-weight:700;font-family: 'Roboto', sans-serif; text-align:center !important; display:block; margin:0 auto}

.services .one_third img{margin:0 auto;    max-width: 500px;

    height: auto;

    width: 100%; display:block}

.services .one_third p{text-align:left; line-height:25px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding: 15px ;

    margin: 0;}

	

	

.accessories{padding:10px;     box-sizing: border-box;    overflow: hidden; margin:0 auto; max-width:222px;  }

.accessories{background:#f4f4f4; min-height:400px; position:relative; max-width:1100px !important; }

.inner-accessories-bg {background-color: #f4f4f4;

   border-top: 0;

    border-left: 1px solid #575757;

    border-right: 1px solid #575757;

    border-bottom: 1px solid #575757;     margin-top: 35px !important;

    

}

.inner-accessories-bg:before{    

display: table;

    content: " ";  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.inner-accessories-bg:after{    display: table;

    content: " ";  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

	

.inner-accessories-bg .head-logo {

    text-align: center;

   margin-top: -35px;

    background: url(../images/head-logo-bg.jpg) repeat-x center #f4f4f4;

}



.inner-content {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

  

}

.pa0 {

    padding: 0;

}

/*.services li .one_third {display:block; min-height:800px}*/

.accessories .one_third{min-height:300px;}

.accessories .one_third span{font-size:1.5em; font-weight:700;font-family: 'Roboto', sans-serif; text-align:center !important; display:block; margin:0 auto}

.accessories li{list-style:none}

.accessories .one_third img{margin:0 auto;    max-width: 600px;

    height: auto;

    width: 100%;}

.accessories .one_third p{text-align:left; line-height:25px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding: 10px 30px 10px 0;

    margin: 0;}	

.accessories .acc-links{

    margin: 0 auto;

    display: block;

    /* background: #f3c407 !important; */

    min-height: 50px;

    text-align: center;

    padding: 0px;

    box-sizing: border-box;}	

.accessories .acc-links	a{

	padding: 10px 10px 10px 20px;

    display: block;

    /*float: left;*/

    border: 1px solid #e2e2e2;

    max-width: 200px;

    font-size: 14px; margin:0 auto; box-sizing:border-box; width:100%; text-align:center; background: url(../images/arrow.png) left center no-repeat;

}

.acc-bg h2{padding-left:0 !important}

.acc-bg .camera_command_wrap{bottom:-144px !important;}

.acc-bg .two_third{width:65% !important;}

.accessories .acc-links	a:hover{color:#f3c407; background:#333;}

.items-heading {margin-top:70px;}

/*.accessories .one_half .camera_command_wrap{bottom:-25px;}*/

.heading h1{ text-align:left; color:#fff; height:20px; line-height:20px; margin: 0px 0 20px 0; font-size:2em; padding-left:50px !important; background: url(../images/heading-icon.png) center left no-repeat;}

.header-arrow{ padding-left:40px; line-height:45px; background:url(../images/arrow.jpg) left center no-repeat; text-transform:uppercase;-webkit-box-shadow: 0 8px 6px -6px #c8c8c8;

-moz-box-shadow: 0 8px 6px -6px #c8c8c8;

box-shadow: 0 8px 6px -6px #c8c8c8;}}

.numbers{ padding-left:40px;}

.numbers li { list-style: decimal outside}

.inner h1{ background: url(../images/inner-header-bg.png) left bottom no-repeat;}

.inner .two_third h3, .inner .faq h3{ color:#72ad18; font-size:1.5em;;padding-left:10px;}

.sidebar h3{ background: url(../images/inner-header-bg1.png) left bottom no-repeat; }

.sidebar{ background:#f3f3f3; padding-bottom:150px !important;}

.sidebar p{ padding-left:20px;}

.ct-phone{font-size:1.5em; color:#288ed0; line-height:20px; display:block; text-align:left; }

.ct-fax{font-size:1.5em; color:#288ed0; line-height:20px; display:block; text-align:left;}

.ct-email{font-size:1.5em; color:#288ed0; line-height:20px; display:block; text-align:left; }

.wall{max-width:500px; height:auto; width:100%}

.email{ border-bottom:2px solid #6C0}

input[type=text], select {

    width: 80%;

    padding: 12px 20px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

}

input[type=submit] {

    width: 80%;

    background-color: #002d56;;

    color: white;

    padding: 14px 20px;

    margin: 8px 0;

    border: none;

    border-radius: 4px;

    cursor: pointer;

}

input[type=submit]:hover {

    background-color: #b7141b;

}

 textarea {

    width: 80%;

    height: 150px;

    padding: 12px 20px;

    box-sizing: border-box;

    border: 2px solid #ccc;

    border-radius: 4px;

    background-color: #f8f8f8;

    resize: none;

}

em{font-family: 'Merriweather', serif;}

a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); color:#37b1da  } 

.block{ display:block; max-width:320px;}

.max-width{ position:relative; max-width:1100px; margin:auto;}

.button{color: #fff; padding:8px 40px 8px 40px; background:#37b1da; text-align:center; font-weight:bold; cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.button:hover{background:#316ce4 ; color:#fff;}

.mobile-menu{position:absolute; z-index:11000; top:38px; right:0px; display:none;  padding:7px; width:40px; height:50px; cursor:pointer;  font-size:28px; color:#000;}

.main{ position:relative; z-index:10; left:0;   height:auto; }

.container{ position:relative; max-width:1200px; margin:auto;}

.container.top{padding-top: 30px; background:#fff; margin-bottom:20px;

background-image: linear-gradient( to top, #efefef, #fff);}

.header{position: relative; z-index:1000; top:0%; left:0; width:100%; min-height:140px;  background:#F3F3F3 ; /*box-shadow:1px 1px 20px #333;*/ color:#111 ;  }

.home .container.top{background:none; margin-top:23px;}

.logo{padding:0 !important; margin:0 !important; position:relative}

.header-info{ line-height:28px;  /*padding:5px 0 0px 10px;*/ clear:both;}

.header-phone{ font-size:20px; margin-right: 30px;  padding:0 10px 0 10px; margin-top:35px; color:#223e8c;}

.header-phone img{ margin-top:7px; margin-right:10px;}

.header-phone a img{margin-right:2px; margin-top:4px;}

.header-phone a:hover{-webkit-filter: hue-rotate(190deg);

    filter: hue-rotate(30deg);}

.message{ position:absolute; z-index:10000; color:#091c4a; margin-top:-100px; ; width:100%;   text-shadow:0px 0px 15px #fff;}	

.message h3{ max-width:1060px; margin:auto; font-size:2em; text-align:leftr}

.blog	{background:url(../images/blog.jpg) center center no-repeat; background-size:cover; padding:30px 0 30px 0;

-webkit-box-shadow: 0 8px 6px -6px #c8c8c8;

-moz-box-shadow: 0 8px 6px -6px #c8c8c8;

box-shadow: 0 8px 6px -6px #c8c8c8;

}

.yellow-txt{    color: #f3c407;

    font-size: 18px;

    padding: 15px 0 0 0;

    display: block;

  

    height: 0;}

.inner .blog	{border:1px solid #eee; border-bottom:10px solid #f8f8f8; background:none;  padding:30px 0 30px 0;  margin-bottom:30px;  }

.inner .blog h2{ color:#6ba810}

address { margin-top:20px; padding-left:10px;}

.blog-header{ position:absolute; z-index:1; text-align:center; top:10px; width:100%; color:#fff; text-shadow:1px 1px 1px #111;}

.blog-content{ background:#fff; padding:0 0 15px 0;

-webkit-box-shadow: 0 8px 6px -6px #c8c8c8;

-moz-box-shadow: 0 8px 6px -6px #c8c8c8;

box-shadow: 0 8px 6px -6px #c8c8c8;

}

.footer .one_half li a span{color:#f3c407}

.footer .one_half:nth-child(2){width:47.5% !important; float:right}

.footer .one_half li a {color:#399bdb}

.footer .one_half h4{color:#ffffff; border-bottom: none; font-family: 'Roboto', sans-serif; font-size:1.2em; font-weight:400; padding:0 !important; letter-spacing:1px;}

.ft-address{ font-size:12px; color:#399bdb; line-height:25px;}

.ft-phone{ font-size:12px; color:#399bdb; line-height:20px;  margin-top: 25px; display: block;}

.ft-phone strong{color:#ffffff;}

.ft-fax{ font-size:12px; color:#399bdb; line-height:20px;   display: block;}

.ft-fax strong{color:#ffffff;}

.ft-email{ font-size:12px; color:#399bdb; line-height:20px; ; display: block;}

.ft-email strong{color:#ffffff;}

.blue-text{color:#399bdb}

.footer-right {

    float: right !important;

    margin-left: 15px;

    margin-bottom: 15px;

}

	

.home-buttons{ background:url(../images/home-buttons.jpg) center center no-repeat; background-size:cover; padding:30px 0 30px 0;}	

.map-container {

    background: url(../images/map.jpg) center center no-repeat;

    margin: 0 !important;

    min-height: 550px;    padding: 0 !important;

    /* margin: 0 !important; */

 /*  width: 863px !important;

    background-size: cover;*/

}

.gray-f6 .container{max-width:1100px;}

.gray-f6 {background:#f6f6f6; min-height:550px; background-size:cover; height:auto; overflow:hidden}

.gray-f6 h2{color:#399bdb; text-transform:none; font-weight:800; font-family: 'Roboto', sans-serif; padding: 0 0 0 10px !important;}

.gray-f6 p{font-weight:400; font-size:1.1em; line-height:25px;  font-family: 'Roboto', sans-serif; letter-spacing:1px; color:#000; /*padding: 0 30px 0 4px !important;*/}

.grey{ color:#706f6d; font-size:2.4em; font-family: 'Roboto', sans-serif; font-weight:800; line-height:85px;}

.yellow-bar{ background:#f3c407; /*max-width:925px; min-height:100px; */width:49.4%; box-sizing: border-box; position:absolute; bottom:-45px; padding:20px 0 20px 0;}

.yellow-bar h2{color:#222222; /*text-align:right;*/ text-transform:uppercase; font-size:1.7em;font-family: 'Roboto', sans-serif; /*padding-right: 15%; margin:0 !important; padding-left:0 !important*/ 

    text-align: center;

    display: block;

    margin: 0 auto;

    /* padding: 0 !important; 

    padding: 2% 0 2% 0 !important; */font-weight:800; letter-spacing:1px;

}

.one_half .two_third{padding-left:15px;}

.container .styling strong{line-height:50px; font-size:1em; font-family: 'Roboto', sans-serif;  font-weight:500}

.accessories .container .styling strong{line-height:25px; font-size:1em; font-family: 'Roboto', sans-serif;  font-weight:500}

.items-name{font-weight:bold; letter-spacing:1px; font-size:1.2em; line-height:25px;}

.big-closet{display:block; margin:0 auto; height:auto; text-align:center; padding:110px 0 0 0; position:relative}

.checkmarks{color:#fff;}

.blue-bg h3{ text-transform:uppercase; font-size:1.7em; text-align:left; color:#fff; font-family: 'Roboto', sans-serif; font-weight:800; line-height:35px; margin-top:50px; letter-spacing:1px;}

.checkmarks li{color: #FFFFFF;

    font-weight: bold;

    text-decoration: none;

    text-align:left;

    padding-left: 25px;

    padding-top: 13px;

    background-image: url(../images/bullet.png) ;

    background-position: bottom left;

    background-repeat: no-repeat;

    /*height: 20px;*/ font-size:16px;}

	

	

.blue-bg{background:#298ecf;     min-height: 615px;

    position: absolute !important;

    top: 43px;

    width: 47.2% !important;}

	

.container .styling h1{font-size:3.6em; color:#298ecf; /*font-family: 'Roboto', sans-serif;*/ font-family: 'Merriweather', serif;font-weight:800; text-transform:none; padding:0 !important; margin:0 !important}

.home-buttons ul li{ width:24%; float:left; margin:0% 0 1% 1%;}

.warranty{background:#399bdb; min-height:300px; height:auto; box-sizing:border-box; text-align:center;}

.warranty h2{color:#fff; text-transform:none; font-family: 'Roboto', sans-serif; font-weight:800;     font-size: 2.8em;

    padding: 25px 0; margin-top:0 !important; letter-spacing:1px; }

.warranty span{color:#fff; line-height:40px; font-size:2.5em;}

.warranty span strong{color:#f3c407}

.callus{background:#222; min-height:300px; height:auto; box-sizing:border-box; text-align:center;}

.callus span{display:block; color:#fff; font-size:2.5em; line-height:35px; max-width:500px; margin:0 auto; padding-top:100px;}

.callus .blue-phone{color:#399bdb; font-size:4.5em; line-height:100px;}

.container .one_half img{padding-left:0 !important; margin:0 }

.closet{max-width:584px; height:auto; width:100%;}

.contact-us{}

.home-buttons ul li a{ color:#fff; padding:20px 0 20px 0; border:1px solid #566996; display:block; text-transform:uppercase;

-webkit-transition-duration: 0.3s;

-moz-transition-duration: 0.3s;

-o-transition-duration: 0.3s;

-ms-transition-duration: 0.3s;

transition-duration: 0.3s;

}

.home-buttons ul li a:hover{ background:url(../images/hover-bg.jpg) center repeat-x; }

.short{height: 420px; overflow: auto;}

.footer{color:#fff !important; overflow:hidden;  min-height:400px;  background-size:cover; color:#fff; padding-top:0px; background: #222; }

.footer .copy{ color:#888; font-size:11px; margin-left:15px; display:block; padding-top:30px; font-style:normal}

.footer a, .footer a:hover{ color:#fff;}

.footer ul li a{ line-height:40px; color:#fff; display:block; padding:0 0 0 15px; text-decoration:none; width:90%; border-bottom:1px solid #292929}

.footer address{ margin-top:20px;}

.footer ul li a:hover{ background:#333}

.footer ul li a img{ margin-top:20px;}

.footer ul li:nth-child(8) a img{margin-top:10px;} 

.footer address{ color:#ccc}

.footer a.button{ background:#333}

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

.footer p{ font-size:12px}

.footer h3{ color:#fff; text-transform:none; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:17px; text-transform:uppercase; padding:0; font-weight:200; border:0; text-align:left; padding-left:10px;}

.footer .phone{ font-size:36px; font-weight:900; color:#eee; margin:10px 0 30px 0;}

.map{ overflow:hidden; height:480px; padding:0 !important; border-radius:5px; border:1px solid #ccc; margin-top:60px;

-webkit-filter: hue-rotate(220deg);

filter: hue-rotate(220deg);}

.banner{ position:relative; height:auto; overflow:hidden;}

.bullets{ padding-left:0px; margin-bottom:15px; }

.bullets li{ position:relative; list-style:inside;  line-height: 24px;  font-size:14px; text-align:left; list-style: none; background:url(../images/bullet.jpg) center left no-repeat;  margin-bottom:5px; ;border-radius: 2px; padding: 5px 5px 5px 15px; }

.bullets li a{ text-decoration:underline;}

.bullets li a:hover{ color:#76b21d}

.padding-left{ padding-left:30px;}

.sidebar .bullets{ text-decoration:none; width:80%; margin:auto;}

.sidebar .bullets li { background:url(../images/nav-border.png) left center no-repeat; line-height:33px;}

.sidebar .bullets li a{text-decoration:none;}

.bullets1{ padding-left:5px; margin-bottom:15px; margin-top:40px; }

.bullets1 li{ position:relative; list-style:inside;  line-height: 34px;  font-size:15px; text-align:left; list-style: none; background:url(../images/bullet.jpg) center left no-repeat;  margin-bottom:20px; ;border-radius: 2px; padding: 5px 5px 5px 15px; margin-left:10px; border-bottom:#ccc 1px dashed; }

#gallery{/*padding-bottom:58px; padding-top:50px;*/ border:10px solid #e6e4e4; padding:25px 0}

.copy{ text-align:center; color:#ccc; padding:35px 0 35px 0; clear:both; line-height: normal; font-size:12px}

.read-more{color: #fff; padding:8px 40px 8px 40px;  text-align:center;  background: #298ecf; border-radius:3px;   display: block;

    margin: 0 auto;

    max-width: 100px;

}

.read-more1{color: #fff; padding:8px 40px 8px 40px;  text-align:center;  background: #298ecf; border-radius:3px;  }

.products .sap{font-size:1.1em !important}

.products{background:#f6f6f6; color:#060606; font-size:18px;min-height:500px; box-sizing:border-box; overflow:hidden; padding:50px 20px; box-sizing:border-box}

.products .camera_command_wrap{ bottom:-140px !important;}

.content-right{float:right !important}

.products h2{color:#288ed0 !important; font-size:2.0em; text-transform:none; font-family: 'Roboto', sans-serif; font-weight:600; padding:0 !important; margin-top:0 !important}

.products .tagline{color:#706f6d; font-size:1.5em;     line-height: 35px;

    padding-top: 24px;

    display: block;}

.products p{line-height:30px; font-size:0.9em; color:#060606;font-family: 'Roboto', sans-serif;  padding:0 !important}

.read-more:hover{background:#f3c407; color:#282828;}

.read-more1:hover{background:#f3c407; color:#282828;}

a{color: #091c4a; text-decoration:none;

-webkit-transition-duration: 0.3s;

-moz-transition-duration: 0.3s;

-o-transition-duration: 0.3s;

-ms-transition-duration: 0.3s;

transition-duration: 0.3s;}

a:hover{color: #000;}

p{ margin:20px 0 20px 0; padding:0 10px 0 10px;}

hr{ border:0; background:none; clear:both; height:0; margin:0; padding:0;}

.center{ text-align:center; color: #282828;}

.left{ float:left !important; /*margin-right:15px; margin-bottom:15px;*/ line-height:70px;     margin: 0 0 0 15px;

}

.right{ float:right !important; /*margin-left:15px; margin-bottom:15px;*/}

strong{ font-weight:600; margin-bottom:55px; }

.full-width{ height:auto; padding-bottom:5px; margin-bottom:0;width: 100%;height: auto;}

.full-width-img{ width:98%; height:auto}

.nav {  /*width:auto;*/ height:35px;     background: #8d8d8d;

    position: absolute;

    bottom: 0; width:100%; max-width:850px;}

.nav  li {  float:left; background:url(../images/nav-border.png) right center no-repeat;

-webkit-transition-duration: 0.3s;

-moz-transition-duration: 0.3s;

-o-transition-duration: 0.3s;

-ms-transition-duration: 0.3s;

transition-duration: 0.3s;}

.nav li:last-child{background:none;}

.nav  li a { display: block;  line-height: 35px;  font-size:12px; height:30px; text-decoration: none; color:#fff; padding:0 8px 0 6px; border-bottom:5px solid transparent; font-weight:600}

.nav  li a:hover{ color: #f3c407; }

.active {

    color: #298ecf !important;

    border-bottom: 5px solid #f3c407 !important;

}

.active1 {

    color: #f3c407 !important;

   /*background:#f3c407;*/ font-weight:500;

}

.nav li div{ position:absolute; z-index:1000; top:43px; left:0; width:100%; min-height:30px; background: url(../images/nav-bg.png); display:none;border-top:0; padding:20px 0 20px 0;}

.nav li:hover div{ display:block;}

.nav li div a{display:block; text-align:left; line-height:42px; height:42px;  font-size:13px !important; color:#FFF; letter-spacing:normal; width: 20%; float:left;}

.yellow-box{color:#222222 ; background:#f3c407 !important; line-height:35px; text-align:center;/* box-shadow:1px 4px 2px #ababab;*/ max-width: 250px;

width: 24.5%;

float: right !important;}

.yellow-box a{color:#222222 !important; line-height:35px !important; height:35px !important; padding:0 !important; border-bottom:0 !important}

.yellow-box a:hover{color:#000000}

#nav-icon1 { display:block;

  width: 45px;

  height: 45px;

  position: relative;

  margin: 35px auto;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .5s ease-in-out;

  -moz-transition: .5s ease-in-out;

  -o-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  cursor: pointer;

  

}

.mobile-menu{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); background-color: transparent }

#nav-icon1 span{

  display: block;

  position: absolute;

  height: 5px;

  width: 50%;

  background: #0e1d3e;

  border-radius: 9px;

  opacity: 1;

  left: 0;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .25s ease-in-out;

  -moz-transition: .25s ease-in-out;

  -o-transition: .25s ease-in-out;

  transition: .25s ease-in-out;

  

}

#nav-icon1 span:nth-child(1) {

  top: 0px;

}

#nav-icon1 span:nth-child(2) {

  top: 10px;

}

#nav-icon1 span:nth-child(3) {

  top: 20px;

}

#nav-icon1.open span:nth-child(1) {

  top: 8px;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}

#nav-icon1.open span:nth-child(2) {

  opacity: 0;

  left: -60px;

}

#nav-icon1.open span:nth-child(3) {

  top: 8px;

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

  -moz-transform: rotate(-135deg);

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

  transform: rotate(-135deg);

}

@-moz-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -moz-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@-webkit-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

.hide{display:none !important}

/* The sticky class is added to the header with JS when it reaches its scroll position */

.sticky {

  position: fixed;

  top: 0;

  width: 100%

}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */

.sticky + .content {

  padding-top: 102px;

}

@media all and (max-width: 1710px) {

.yellow-bar{width:49.2%;}

}

@media all and (max-width: 1580px) {

.yellow-bar h2{ font-size:2em}

}

@media all and (max-width: 1450px) {

.yellow-bar{width:49%;}

.menus .one_seventh{ width:13.6%;}

}

@media all and (max-media:1400px)

{

	.big-closet .one_half .two_third {

    width: 85%;

}

}

@media all and (max-width:1366px){

.products .one_half .two_third{width:85%} 

.products .one_half .three_fourth{width:85%}

.dbl-bg .one_half .two_third{width:85%;}

.blue-bg h3{ text-transform: capitalize; font-size:1.2em}

}

@media all and (max-width: 1327px) {

.yellow-bar h2{ font-size:1.5em}

.one_fifth  {width: 19.5%; padding: 0%;}

.dbl-bg .one_half .two_third{width:95%;}

}

@media all and (max-width: 1280px) {



.blue-bg h3{font-size: 1.2em; line-height:24px;}

.checkmarks li{font-size:15px;}

.footer .two_third .one_half{width:48.5%;}

@media all and (max-width: 1205px) {

.nav li a{padding: 0 9px; font-size:11px;}

.header-info .container .three_fourth{width:75%}

.checkmarks li{ }

/*.header-info .container .three_fourth{width:75%}*/

.big-closet .one_half .two_third {width:93% !important}	

.big-closet .one_half .two_third h3{text-align:center}

.checkmarks li{ background-image:none; text-align:center; border-bottom: 1px dotted cadetblue;max-width: 500px;padding-left:0 !important; width:100%}

.footer .one_half .two_third{width:100%;}

.main .home-content .container .main-heading .one_half{padding: 0 1% 0 1%;}

}

@media all and (max-width:1180px){

.nav li a {

    padding: 0 7px;

    font-size: 11px;

}



	.gray-f6 .container .one_half{padding:15px !important;}

	.yellow-bar{width:100%}

}

@media all and (max-width: 1099px) {

/*.main-nav{ float:right !important}*/

.phone h3 strong {

    font-size: 16px;

    color: #545454;

    font-weight: 500;

    padding:0 !important;

    line-height: 40px;

}

.phone h3 {

    color: #298ecf;

    font-family: 'Roboto', sans-serif;

    font-size: 2.0em;

    line-height: 40px;

    font-weight: 600;

}

}

@media all and (max-width:1050px){ .yellow-box{max-width: 165px !important;} .products .one_half .three_fourth{width:100%; !important}}

@media all and (max-width:1080px){

.followus { bottom: 0;  width: 100%; text-align:center; height:40px; display:none}

.header-info .container .three_fourth {    width: 100%;}	

.header-info .container .one_fourth {    width: 100%; text-align:center}	

.main-nav{float:none; line-height:25px; margin: 33px 0 0 15px;}

.phone-nav{text-align:center; min-height: 50px;

margin: 20px 0 0 0;

background: #8d8d8d;

box-sizing: border-box;}

.three_fourth .right{ float:none !important;}

.three_fourth .left{ float:none !important;}

.phone h3{line-height:7px;}

.phone h3 strong{line-height:7px;}

.nav { position: absolute; z-index:100; z-index:1000; display: none; width:100%; }

.nav  li { position:relative;  display:block; width:100%; padding:0;   line-height:50px; height:55px; margin:0; border-bottom:0px solid #2454b5;}

.nav li a{ color:#fff; line-height:55px; background:#298ecf; text-align:center; height:55px;  padding:0; margin:-72px;}

.nav li a:hover{ color:#fff !important; background:#222;}

.nav  li div{  width:100%; top:55px;  padding-left:0 !important;  border:0 !important; padding:0; }

.nav  li div a{text-align:center; background: #1744a0; line-height:55px; height:55px; width:100%;}

.nav  li div a:hover{background: #222;}

.nav  li div li a{background:#fff !important}

.nav  li div li ul{position: relative; width:100%; left:0; background:#333 !important;}

.nav  li div li ul li a{background:#666 !important; margin:0;}

.yellow-box{display: none !important;}

.mobile-menu{display:block; left:2px; top:20px;}

.fixed-header{position:relative}

.grey{font-size:1.2em; line-height:0; padding:10px;}

.container .styling h1 {

    font-size: 2.0em;

    padding: 10px !important;}

.container .styling strong{padding:10px; line-height:normal}

.items-name{padding: 9px;

font-size: 1.0em;

text-align: left;

display: block;

line-height: 20px;}

.yellow-box {background:none !important;}

.yellow-bar h2{ font-size:1.5em; padding-left:0 !important;text-align:center; }

.yellow-box a{color: #222 !important;

line-height: 55px !important;

height: 55px !important; background:#f3c407 !important}

/*.footer .one_half .two_third {width:97%}*/

.footer .one_half{width:100%;}

.main-nav a { color: #f7c504;}
.closet1 img{ max-width:584px; height:auto; width:100%; margin-top:30px;}

.services .one_third p {

    text-align: center; padding:10%}

.services .one_third span{padding:20px 0 0 0 ;}

.products p{/*padding:10px !important;*/}

.products h2 { color: #288ed0 !important;

    font-size: 1.5em;}

.products .one_half .two_third{ width:100%;}

.products .one_half .three_fourth{width:100%;}

.content-right{float:none !important}

.active1{color:#222222 !important}

.slider {

    position: relative;

    padding-top: 0 !important;

}

.phone h3{color:#fff !important}

.phone h3 strong{color:#fff;}

.active{ color:#fff !important;}

.footer ul li a{width:100%; padding:0 !important}

.footer .one_half:nth-child(2){width:100% !important; padding:0 }

  .footer .one_half{  

  	width: 100% !important;

    text-align: center;

}

.footer .one_half .two_third .one_half:nth-child(2){width:100% !important; padding:0; text-align:center }

.items-heading{margin-top:0}

.accessories .container .one_half .grey{line-height:25px;}

.main-heading h1{font-size:3em;}

.map-container{display:none;}

.mobile-menu-link{ display:block; margin:2%}

.mobile-menu-link li a{ display:block; padding:5px; font-size:15px; background:#666; color:#fff; border-bottom:1px dashed #787878;  line-height:50px; height:55px; font-weight:800;}

.mobile-menu-link li a:hover{background:#FC0; color:#333;}

.main-nav{margin-top: 10px; display: inline-block;}

}

@media all and (max-width: 1015px) {

.header .two_third{width: 100% !important;}

.container{ position:relative; max-width:100%; margin:auto; }		

/*.home .header-phone {position: absolute; top: 10px; right: -50px;}

.header-phone {position: absolute;top: 20px; right: -50px;}

*/

/*.logo {font-size: 35px;margin-top: 15px;  text-align:left; width: 80% !important;}		

.fixed{position: absolute; top:0}*/

body {background-size:auto;}

#camera_wrap_1 .camera_prev, #camera_wrap_1 .camera_next{  display:none; }

.camera_caption{ font-size:1.2em !important;}

/*.footer .two_third {width: 90%;}*/

.container .styling strong{line-height:0; font-size:0.9em;}

.products p {

    text-align: justify;

   /* padding: 15px 25px 0 0 !important;*/

}
.one_third .three_fourth{width:100% !important}

}

@media all and (max-width: 1000px) {

.camera_caption{ font-size:1.3em !important;  }

}

@media all and (max-width: 980px) {

.yellow-bar h2{ font-size:1em !important}

.home-buttons ul li a{ min-height:170px;}	

.nav li a {padding: 0 10px 0 10px;font-size: 12px;}

.hide{display:block !important}

.container {

 position: relative;

 margin: auto;

}

.message{display:none;}

}



@media all and (max-width: 940px) {

/*.grey-heading{display:none;}*/

.main-heading{padding:0;}

.blue-bg{top:30px}

.blue-bg h3{margin-top:0}



}

@media all and (max-width: 890px) {	

.menu li a{font-size:15px; }

.logo {font-size: 30px;margin-top: 20px;}

.new-business .read-more{ display:block; margin-bottom:5px;}	

.gray-f6 .container .one_half{width:96%;}

}

@media all and (max-width: 840px) {	

.header-info .container {overflow:visible;}

.contact-us .one_half{ width:90%; margin:auto; float:none}

.container{ overflow-x:hidden }

.main .home-content .container .main-heading .one_half {

 padding: 0;}

.testimonials .container .one_half .camera_wrap .camera_caption .container p{ margin: 0 !important; }

#gallery { max-width: 640px; margin: auto !important; float: none; box-sizing: border-box;}

.products .tagline, .products h2, strong{ padding:0 !important;margin: 0 auto;    display: block;}

/*.products p { padding: 0 20px 0 20px !important;}

.dbl-bg p, p{ padding:0 20px 0 20px !important;}

*/.blue-bg h3{ padding:0;}

.grey-bg-half{ width:100% !important}

.checkmarks{ max-width:90%; margin:auto}

.checkmarks li{ padding:0;}

.services .one_third{padding-left: 0 !important;}

.blue-bg-half{ width:100% !important}

.blue-bg-half img{ display:block; margin:auto}

.one_half.gray-bg-half{ width:100% !important}

.gray-bg-half img{ display:block; margin:auto}

.yellow-bar { /*width: 100%;*/ display:none}

.closet2 {margin: auto;display: block;}

h3{ padding-left:20px;}

.sidebar{ background:#fff; padding-bottom:10px !important;

margin-top: 5px !important;}

.footer1 h3{ font-weight:bold;}

.footer .one_half .two_third .one_half{width:100%; text-align:center}

.footer .one_half:nth-child(2){ width:100% !important;}

.blue-bg {

    background: #298ecf;

    min-height: 615px;

    position:relative !important;

    width: 100% !important; top:0;

}

.big-closet{padding:0}

big-closet .one_half .two_third { width:100%;}

.checkmarks li{max-width:100%;     padding: 0 5px !important;

    font-size: 12px;

}

.blue-bg {  min-height: 250px; }

.blue-bg h3{margin-top:0 !important}

.footer .one_half:nth-child(2) {

       float: none !important;

}

.slider{display:none;}

.gray-f6 .container .one_half{width:100%; padding:0%}

.gray-f6 p{/* padding: 20px !important;*/}

.grey-bg-half{min-height:500px;}

.blue-bg-half{min-height:500px;}

.mobile-pic{display:block; margin:0 auto; text-align:center; padding:15px}

.mobile-pic img{display:block; width:100%; height:auto; max-width:840px;}

.contact-us{text-align:center; margin:0 auto; display:block}

.wall{padding-bottom:20px !important;}

.products .one_half .three_fourth{padding:0}

.closet1 img { display:block; margin:auto !important}

.one_half .two_third {padding-left: 0px; width:100% !important

}

.phone h3 {padding-right: 5px;}

.services .one_third p {

    text-align: center;

    padding:0 ;

	margin:10px 0 10px 0 }

.phone h3 strong {

    line-height: 40px; padding:0 !important

}

p strong{padding:0 !important}

.acc-bg .two_third{width:100% !important}

.accessories .acc-links a{max-width:650px; background:none;}

}

@media(max-width:768px){

.yellow-bar { margin-bottom:20px;}

.menu .one_third{ width:30% !important;}

.menu li a{ font-size:14px;}

.home-buttons ul li {

width: 80%; margin:auto; float:none;

}

.yellow-txt {

    color: #f3c407;

    font-size: 15px;

    padding: 15px 0 0 0 !important;

    display: block;

    height: 0;

    margin-bottom: 36px !important;

}}

@media(max-width:740px){

	

.phone { display:block; width:100%;}

.phone h3 {padding-right: 0px;}

.links{ position:relative; z-index:1000;}	

.footer .one_third {width: 100% !important;}

.mobile-menu{top:19px !important; right:0px;}

}

@media(max-width:660px){	

.camera_caption{font-size:1.1em !important; }

.camera_thumbs_cont{ display:none !important}

.bullets li{ line-height:1.3em;}

.mobile-menu {right: 0px;}

.header-phone{ background:#fff; top:100px !important;  width:100%; left:0; text-align:center; margin:0;}

.logo {margin-top: 15px;  text-align:center; width: 100% !important;}

.header{min-height:145px;}

#gallery{padding-bottom:0}

.main-heading h1 {

       font-size: 3.0em;

}

.products p {

    line-height: 23px;

    font-size: 0.8em;

    color: #060606;

    font-family: 'Roboto', sans-serif;

   /* padding: 0 15px !important;*/

}

.dbl-bg p { /*padding: 0 15px 0 15px !important; */ line-height: 28px;

    font-size: 0.7em;}

	

	.gray-f6 p {

    font-weight: 400;

    font-size: 0.9em;

    line-height: 28px;}

	

.dbl-bg .one_half .two_third h3{padding:5px 0 5px 10px}

.products .tagline {

    color: #706f6d;

    font-size: 0.8em;}

}

@media all and (max-width:544px)

{

.phone h3 strong{display:none !important}	

.callus span{ font-size:1.5em;}	

.callus .blue-phone { font-size: 2.5em;}

}

@media all and (max-width: 480px) {

.accessories .acc-links a {

    width: 100%;

}

.mobile-menu{top:15px !important;}

.mobile-menu {right: -10px;}

/*img.left, img.right{max-width:425px; height:auto; float:none !important; width:100%; }*/

.right{float:none !important; margin-left:0 !important;}

.heading h1{font-size: 1.2em;}

.nav{ top:53px;}

.nav {margin-top: 10px;}

.warranty span{font-size:1.5em; line-height:30px;}

.warranty span br{padding:0; margin:0; display:none;}

}

@media all and (max-width:448px){

	

	.container .styling strong {

    line-height: 0;

    font-size: 0.9em;

    line-height: 15px;

    display: block;

    padding: 15px;

    margin-bottom: 0 !important;

	}

	.acc-heading h1{font-size:3.0em}

	.read-more1{padding:8px;display: block; margin: 15px;}

	}

@media all and (max-width: 415px) {

.image-frame-1{ width:95%; height:auto; margin-left:auto; margin-right:auto; }

.mobile-menu {right: -10px;}

.mobile-menu {right: 3px;}

.header-info{padding:0;}

.logo{margin-top:20px;}

}

@media all and (max-width: 400px) {

.mobile-menu {right: 0px;}

.button {

    color: #fff; font-size:12px;

    padding: 8px 10px 8px 10px !important;}

}

@media all and (max-width: 365px) {

.mobile-menu {right: 0px;}

/*.one_half .two_third{padding-left:0 !important}*/

.products p {

    line-height: 23px;

    font-size: 0.7em;

    color: #060606;

    font-family: 'Roboto', sans-serif;

   

}

.products h2{font-size:1.0em;}

.main-nav a{font-size: 11px;

padding: 0 8px;}

}

@media all and (max-width: 320px) {

.mobile-menu {left: 0;}

}

@media print {

.header{ display:none;}

.header-info{ display:none;}

.slider{ display:none;}

.footer{ display:none;}

.submit{display:none;}

.em-hidden{display:none;}

}