@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
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}
blockquote, q{quotes:none}
table, table td{padding:0; border:none; border-collapse:collapse}
embed{vertical-align:top}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline}
ul{list-style:none}
blockquote, q{quotes:none}
table, table td{padding:0; border:none; border-collapse:collapse}

/* *** colour setting: #0078d2 *** */
::selection{background:#0078D2}
::-moz-selection{background:#0078D2}

blockquote.type1:before, 
.highlighted_colored{background-color:#0078D2}
.view-tenth .mask{background-color:#0078D2!important}

a, 
a em, 
a strong, 
ul.menu li.current-menu-parent >a, 
ul.menu li.current-menu-item >a, 
ul.menu li >a:hover, 
ul.menu li:hover >a, 
ul.menu li .sub-menu li:hover >a, 
header nav ul li .sub-menu li:hover >a, 
header nav ul li .sub-menu li:hover .sub-menu li:hover >a, 
ul.mobile_menu li.current-menu-parent >a, 
ul.mobile_menu li.current-menu-item >a, 
ul.mobile_menu li >a:hover, 
ul.mobile_menu li:hover >a, 
ul.mobile_menu li .sub-menu li:hover >a, 
ul.mobile_menu li .sub-menu li:hover .sub-menu li:hover >a, 
blockquote .author, 
.dropcap.colored, 
.shortcode_accordion_item_title:hover, 
.shortcode_toggles_item_title:hover, 
.shortcode_iconbox:hover .iconbox_title, 
.carousel_title a:hover, 
.colored_italic, 
.testimonials_list .author, 
.most_popular .price_item_cost h1, 
.footer_twitter ul li a, 
.most_popular .price_item_cost h1 span, 
.sitemap_list li a, 
.twitter_list li a, 
.left-sidebar .recent_posts_content .post_title, 
.right-sidebar .recent_posts_content .post_title, 
.filter_navigation ul li ul li a:hover, 
.filter_navigation ul li ul li.selected a, 
.continfo_item a, 
.blog_info_block div a:hover, 
.shop_list_title a:hover, 
.shop_list_price, 
.total_price span, 
.product_title_price, 
.review_body a{color:#0078D2}
.shortcode_tab_item_title:hover, 
ul.menu li .sub-menu li.current-menu-parent >a, 
ul.menu li .sub-menu li.current-menu-item >a, 
ul.menu li .sub-menu li >a:hover{color:#0078D2!important}

hr.colored{border-color:#95ba00}
.class{border-color:#0078D2!important}

/* *** F O N T   F A M I L I E S  *** */
@font-face{font-family:'CoreIconsRegular'; src:url('fonts/coreicons-webfont.eot'); src:url('fonts/coreicons-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/coreicons-webfont.woff') format('woff'), url('fonts/coreicons-webfont.ttf') format('truetype'), url('fonts/coreicons-webfont.svg#coreiconsregular') format('svg');  font-weight:normal;  font-style:normal}
*{font-family:Arial,Helvetica,sans-serif; font-weight:400}
footer em {
    font-style: normal;color: #777;
}
.call_us .ico, 
.ico{ font-family:'CoreIconsRegular'}

header nav >ul >li >a, 
.shortcode_accordion_item_title, 
.shortcode_toggles_item_title, 
.shortcode_tab_item_title, 
.btn_small, 
.btn_normal, 
.btn_large, 
.sitemap_list li a, 
.sitemap_list li, 
.filter_navigation ul li ul li a{ font-family:'Open Sans',sans-serif!important}

*{font-family:Arial,Helvetica,sans-serif; color:#393939}

input, button, select, textarea{font-family:Arial,Helvetica,sans-serif!important}
/* *** F O N T   F A M I L I E S end  *** */

img{vertical-align:top; border:none}
.img-responsive{max-width: 100%; height: auto;}
 
img, div, a, input{behavior:url(../js/iepngfix.htc)}
.justify{text-align:justify}
.rel{position:relative; z-index:1}
.img-identL{float:left; margin:10px 15px 5px 0}
.img-identR{float:right; margin:10px 15px 5px 10px}
.fleft {float:left;}
.fright {float:right;}
.left{float:left !important;}
.align-center {text-align:center;}
.align-right {text-align:right;}

.img_inner {-moz-box-sizing: border-box; margin-bottom: 15px; margin-top: 0px;max-width: 100%;}
.divider{border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; float:left; height:2px; margin:0px 1% 30px 1%; max-width:100%; position:relative; width:98%; clear:both}

.marginR35{margin-right:35px}
.marginT5{margin-top:5px}
.marginT10{margin-top:10px}
.marginT15{margin-top:15px}
.marginT20{margin-top:20px}
.marginT25{margin-top:25px}
.marginT40{margin-top:40px}
.marginB30{margin-bottom:30px}
.marginB40{margin-bottom:40px}
.marginB15{margin-bottom:15px}
.h100{height:100%}
.ico { font-family:'FBiconsRegular'}
a{text-decoration:none; transition:color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms}
a:hover{text-decoration:none; color:#666}

body{height:100%}
body{padding:0; margin:0; width:100%; height:100%; overflow-x:hidden; text-align:center; position:relative;font:14px/20px Arial,Helvetica,sans-serif; }

*{outline:none!important}
::selection{color:#fff; opacity:1}
::-moz-selection{color:#fff; opacity:1}


/* colour #0078D2*/
.bg-color{background-color:#0078D2;}
.hcfc {color: #FFFFFF;}

/* Text #0078D2*/
p{margin-top:0; margin:0 0 10px 0}
.p1, .p1 span, .p1 a{ font-size:18px; font-weight:400; line-height:26px; color:#333 }
.p2, .p2 span, .p2 a{ font-size:16px; font-weight:600; line-height:23px; color:#333 }
h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none!important; padding:0}
h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-family:'Open Sans',sans-serif!important; margin:0 0 16px; line-height:1.4em; font-weight:600; color:#393939 -webkit-transform:translateZ(0px)}

h1, h1 span, h1 a{font-size:24px; line-height:28px}
h2, h2 span, h2 a{font-size:21px; line-height:24px}
h2.marg1{ margin-bottom:34px}

h3, h3 a{font-size:20px; line-height:23px}
h4, h4 span, h4 a{font-size:19px; line-height:23px}
h5, h5 span, h5 a{font-size:18px; line-height:23px}
#five h5{font-size:16px; line-height:21px; font-weight:700}
h6, h6 span, h6 a{font-size:14px; line-height:16px}
h33 span{ color:#1B1D1F;  display:block;  font-size:16px;  font-weight:500;  padding-top:5px; margin-top:-5px}
/* border*/
.bg_dotted{background:url("../images/bg_dotted.png") repeat-x; height:5px; padding:0 0 10px 0; z-index:1; clear:both}
.blog-divider{border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; float:left; height:2px; margin:0px 1% 20px 1%; max-width:100%; position:relative; width:98%; clear:both}

/*titles
-----------------*/
.section-title{ border-bottom:1px solid #CECECE;  float:left;  font-size:19pt;  height:32px;  line-height:28px;  margin-bottom:10px;  width:100%}
.imgtitle {float: left; margin-right: 10px; margin-bottom:5px}
.m_title {margin-top:0; color:#8db830; text-shadow:0 1px 0 #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);}
h3.m_title {font-size:20px; line-height: 1.4; font-weight:400}

.smallm_title {color:#; text-shadow:0 1px 0 #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-size:14px; font-weight: 700;border-bottom: 1px solid #bcbcbc; margin:0 0 20px;}

.smallm_title2 {color:#; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-size:14px; font-weight: 700; margin:0 0 20px; }

.smallm_title span, .smallm_title2 span {padding-bottom: 9px; display:inline-block; border-bottom: 1px solid #bcbcbc; position:relative;}

.smallm_title span:before, .smallm_title2 span:before {content:''; position:absolute; left:50%; bottom:0; margin-left:-2px; border:3px solid transparent; border-bottom-color:#bcbcbc;  }

.smallm_title.centered, .smallm_title2.centered {text-align:center;}

.smallm_title.bigger,.smallm_title2.bigger {font-size:21px;}
.h_title {border-bottom: 1px solid #bcbcbc; margin:0 0 25px;}
.h_title span {padding-bottom: 15px; display:inline-block; border-bottom: 1px solid #bcbcbc; position:relative;}
.h_title span:before {content:''; position:absolute; left:50%; bottom:0; margin-left:-2px; border:3px solid transparent; border-bottom-color:#bcbcbc;  }
.h_title.centered {text-align:center;}
.h_title.bigger {font-size:18px;}

.bg_title {background: url("../img/bg_title_line.png") repeat-x scroll 0 10px rgba(0, 0, 0, 0); margin-bottom: 16px;}

.bg_title h1, .bg_title h2, .bg_title h3, .bg_title h4, .bg_title h5, .bg_title h6 {background: none repeat scroll 0 0 #FFFFFF; display: inline-block; margin-bottom: 0 !important;padding-right: 11px;}

/* Use fixclear class on parent to clear nested columns #0078D2*/
.fixclear:before, .fixclear:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.fixclear:after {clear: both; }
.fixclear { zoom: 1; }
.clear{height:0; width:100%; clear:both; line-height:0; font-size:0; overflow:hidden}

.bg_dotted{background:url("../images/bg_dotted.png") repeat-x; height:5px; padding:0 0 10px 0; z-index:1; clear:both}
.blog-divider{border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; float:left; height:2px; margin:0px 1% 20px 1%; max-width:100%; position:relative; width:98%; clear:both}
/* text */


/* Top Line Social Menu Header */
.layout_trigger{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:-2}
.image_bg_cont{background-size:cover}

header{border-top:#0078D2 5px solid; position:relative; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); transition:opacity 1000ms; -webkit-transition:opacity 1000ms; -moz-transition:opacity 1000ms; -o-transition:opacity 1000ms;border-bottom:2px solid #EDEDED; box-shadow:0 1px 10px 0 rgba(68,68,68,0.2)}
header:before{content:''; position:absolute; bottom:-20px; display:block; width:100%; height:20px; left:0px; z-index:999}

.socials{padding:12px 0; display:inline-block; float:right}
.socials_list li{margin-left:8px; width:20px; height:20px; display:inline-block; float:left}
.socials_list li a{width:20px; height:20px; display:block; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); transition:opacity 400ms; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms}
.socials_list li a:hover{opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)}

.socials_list li .ico_social-facebook{background:url(../img/icons/ico_social-facebook.png) no-repeat}
.socials_list li .ico_social-twitter{background:url(../img/icons/ico_social-twitter.png) no-repeat}
.socials_list li .ico_social-youtube{background:url(../img/icons/ico_social-youtube.png) no-repeat}
.socials_list li .ico_social-gplus{background:url(../img/icons/ico_social-google.png) no-repeat}
.socials_list li .ico_social-linked{background:url(../img/icons/ico_social-linked.png) no-repeat}

header .header_wrapper{padding-top:15px; position:relative}
header .logo{float:left; display:block; margin:0px 0 5px 0; width:253px; height:60px}
header .logo img{display:block}
header nav{display:block; float:right; padding-top:20px}
header nav ul.menu >li{display:inline-block; margin-left:30px; position:relative; z-index:9999}
header nav ul.menu >li >a{color:#666; font-size:13px; line-height:15px; text-transform:none; font-weight:600; min-height:49px; display:block}
header nav ul.menu  li .sub-menu{position:absolute; text-align:left}
header nav ul.menu >li >.sub-menu{top:49px; left:50%; width:170px; margin-left:-85px; background:#444; z-index:999}

header nav ul.menu >li >.sub-menu:before{content:''; width:9px; height:5px; display:block; background:url(../img/menu_arrow.png) no-repeat 0 0; position:absolute; left:81px; top:0px}
header nav ul.menu li .sub-menu li{position:relative}
header nav ul.menu li .sub-menu a{line-height:18px; padding:11px 18px; display:block; color:#bababa}
header nav ul.menu >li >.sub-menu >li >.sub-menu li a{color:#d5d4d4}
header nav ul.menu >li >.sub-menu >li >.sub-menu{background:#616161; position:absolute; left:170px; top:-1px; width:170px; padding-top:1px}
header nav ul.menu li .sub-menu li{border-top:#616161 1px solid}
header nav ul.menu li .sub-menu li .sub-menu li{border-top:#777 1px solid}
header nav ul.menu li .sub-menu li:first-child, 
header nav ul.menu li .sub-menu li .sub-menu li:first-child{border-top:none!important}
header nav ul.menu >li >ul.sub-menu{display:none}
header nav ul.menu >li:hover >ul.sub-menu{display:block!important}
header nav ul.menu >li:hover >ul.sub-menu >li >ul.sub-menu{display:none!important}
header nav ul.menu >li:hover >ul.sub-menu >li:hover >ul.sub-menu{display:block!important}

.fixed-menu{border:none; position:fixed; left:0px; top:-100px; width:100%!important; background:#fff!important; z-index:99999; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); width:100%!important; transition:all 300ms; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms}
.fixed-menu.fixed_show{top:0px; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);border-bottom:2px solid #EDEDED; box-shadow:0 1px 10px 0 rgba(68,68,68,0.2)}
.fixed-menu-wrapper{padding-top:0px}
.fixed-menu .menu >li >a{min-height:60px!important}
.fixed-menu .menu >li >.sub-menu{top:50px!important}
.fixed-menu .logo{margin-bottom:5px}

header .logo img.logo_retina {display:none!important;}

a.menu_toggler {display:none;}
header .mobile_menu_wrapper {display:none;background:#3d3d3d;}
nav.mobile_header {display:none!important;}

.select-menu{ display:inline-block !important;  padding-top:4px;  padding-right:3px;  padding-bottom:4px;  border:1px solid #0078D2;  background:#f1f1f1;  color:#000;  cursor:pointer;  margin:3px 5px 30px 5px;  height:30px;  vertical-align:middle; float:left; text-align:center;  margin-top:20px;  margin-bottom:20px}

/* Wrappers*/
#pageWrapper {position: relative;text-align: left; }
.main_wrapper {text-align: left;position:relative;}

section#Mapcontent {margin-bottom:25px }
.wrapper, .wrapper-extra, .extra-wrap{position: relative; width: 100%; overflow:hidden;}
section#content {margin: 55px 10px 40px 10px;}
.content_wrapper{position:relative}
.content_wrapper:before{content:''; position:absolute; left:0px; top:0px; height:140px; width:100%; display:block; z-index:-1; background-image:linear-gradient(top,#ededed,#fff); background-image:-webkit-linear-gradient(top,#ededed,#fff); background-image:-moz-linear-gradient(top,#ededed,#fff); background-image:-ms-linear-gradient(top,#ededed,#fff); background-image:-o-linear-gradient(top,#ededed,#fff)}
.user_bg_layout .content_wrapper:before{display:none}
.splitter { background-color:#0078D2; height:55px; width: 100%;  position: relative;  }
.splitter p{font-size:20px; color:#FFF; padding-top:15px}
.wrapperSlider {width: 100%;  position: relative; background-color:#f1f1f1;}
.content_block {margin-top: 50px;position:relative;width: 100%;}
.hasShadow{position:relative}
.hasShadow:before{content:''; display:block; position:absolute; top:0px; left:0px; background:url(../img/bg_module_shadow.png) no-repeat center top; width:100%; height:25px; z-index:10}
.introBox{position:relative; padding:0 0 30px; text-align:center}

/*Video*/
.videoWraper{position:relative; overflow:hidden; padding-bottom:20px}
.videoWraper{width:100%; position:relative;  text-align:center; margin:0}
.videoWraper img{width:100%; z-index:1}
.videoWraper a{display:inline-block; position:relative; transition:all 0.25s ease 0s; width:100%; z-index:10}
.videoWraper em{background:url("../images/video/play_but.png") no-repeat scroll center center rgba(0,0,0,0); display:block; height:100%;     position:absolute;     top:0;     width:100%}
.videoWraper a:hover em{    background:url("../images/video/play_but_a.png") no-repeat scroll center center rgba(0,0,0,0)}
.videoWraper h5{ font-size:18px;  font-weight:600;  text-align:center}

/*Portfolio Description*/
.element {width:370px; margin-left:30px;min-height:245px;}
.portfolio_item{overflow:hidden}
.portfolio_block .wrapped_img{display:block!important}
.portfolio_block .wrapped_img .portfolio_fadder{background:#fff; width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); transition:opacity 400ms; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms}
.portfolio_block .wrapped_img:hover .portfolio_fadder{opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.portfolio_block .portfolio_item .portfolio_descr{width:100%; position:absolute; left:0px; text-align:left}
.portfolio_block .portfolio_descr .portfolio_descr{text-align:center; padding:0 20px}
.portfolio_block .portfolio_item .portfolio_descr h2{font-size:14px!important; line-height:20px; font-weight:normal!important; color:#fff!important; border:none!important; display:block; padding-left:20px!important; padding-right:20px!important; margin:0 auto!important; text-align:center}
.portfolio_block .portfolio_item .portfolio_descr p{color:#fff!important}
.hoverBox {position: relative;margin-bottom:55px}

/* hover effects*/
.view{ overflow:hidden;  position:relative;  text-align:center}
.view .mask, .view .content{ width:100%;  height:100%;  position:absolute;  overflow:hidden;  top:0;  left:0}
.view img{ display:block;  position:relative}
.view .p11{ text-transform:uppercase;  color:#fff;  text-align:center;  position:relative;  font-size:17px;  padding:10px;  background:rgba(0,0,0,0.8);  margin:20px 0 0 0}
.view p{ position:relative;  color:#fff;  padding:10px 20px 20px;  text-align:center}
.view a.info{ display:inline-block;  text-decoration:none;  padding:7px 14px;  background:#000;  color:#fff;  text-transform:uppercase;  -webkit-box-shadow:0 0 1px #000;  -moz-box-shadow:0 0 1px #000;  box-shadow:0 0 1px #000}
.view a.info:hover{ -webkit-box-shadow:0 0 5px #000;  -moz-box-shadow:0 0 5px #000;  box-shadow:0 0 5px #000}

.view-tenth img{ -webkit-transform:scaleY(1);  -moz-transform:scaleY(1);  -o-transform:scaleY(1);  -ms-transform:scaleY(1);  transform:scaleY(1);  -webkit-transition:all 0.7s ease-in-out;  -moz-transition:all 0.7s ease-in-out;  -o-transition:all 0.7s ease-in-out;  -ms-transition:all 0.7s ease-in-out;  transition:all 0.7s ease-in-out}
.view-tenth .mask{ background-color:rgba(255,231,179,0.3);  -webkit-transition:all 0.5s linear;  -moz-transition:all 0.5s linear;  -o-transition:all 0.5s linear;  -ms-transition:all 0.5s linear;  transition:all 0.5s linear;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter:alpha(opacity=0);  opacity:0}
.view-tenth .p11{ border-bottom:1px solid rgba(250,250,250,250.3);  background:transparent;  margin:20px 40px 0px 40px;  -webkit-transform:scale(0);  -moz-transform:scale(0);  -o-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0);  color:#fff;  -webkit-transition:all 0.5s linear;  -moz-transition:all 0.5s linear;  -o-transition:all 0.5s linear;  -ms-transition:all 0.5s linear;  transition:all 0.5s linear;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter:alpha(opacity=0);  opacity:0}
.view-tenth p{ color:#fff;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter:alpha(opacity=0);  opacity:0;  -webkit-transform:scale(0);  -moz-transform:scale(0);  -o-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0);  -webkit-transition:all 0.5s linear;  -moz-transition:all 0.5s linear;  -o-transition:all 0.5s linear;  -ms-transition:all 0.5s linear;  transition:all 0.5s linear}
.view-tenth a.info{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter:alpha(opacity=0);  opacity:0;  -webkit-transform:scale(0);  -moz-transform:scale(0);  -o-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0);  -webkit-transition:all 0.5s linear;  -moz-transition:all 0.5s linear;  -o-transition:all 0.5s linear;  -ms-transition:all 0.5s linear;  transition:all 0.5s linear}
.view-tenth:hover img{ -webkit-transform:scale(10);  -moz-transform:scale(10);  -o-transform:scale(10);  -ms-transform:scale(10);  transform:scale(10);  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter:alpha(opacity=0);  opacity:0}
.view-tenth:hover .mask{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter:alpha(opacity=100);  opacity:1}
.view-tenth:hover .p11, .view-tenth:hover p, .view-tenth:hover a.info{ -webkit-transform:scale(1);  -moz-transform:scale(1);  -o-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1);  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter:alpha(opacity=100);  opacity:1}

/*ping callback
---------*/
.pingBoxwrap {width: 100%; position: relative; display: block; overflow: hidden;}
#sliderBoxA {float: left;width: 245px;position: relative;height: 285px; margin-bottom:25px}
.wrapperSide{width:245px; float:left; overflow:hidden; position:relative; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; behavior:url(../js/PIE.htc)}
.pingBox{margin:0 0 0 0px; display:block; border:none; width:245px; height:114px; background:url("../img/index/find_your_roof.jpg") no-repeat 0 0}
.pingBox:hover{background-position:-246px 0px}
.pingBox span,.sliderBox2 span,.sliderBox3 span{position:absolute; top:-999em}

/*Footer 
---------*/
.pre_footer{background:#151515; padding:45px 0 20px 0; text-align:left; }
.pre_footer, 
.pre_footer p, 
.pre_footer span, 
.pre_footer div{color:#777;font-size:13px; line-height:18px}
.pre_footer .light{color:#ababab}

.pre_footer .bg_title{background:url(../img/bg_title_line2.png) repeat-x 0 10px}
.pre_footer .bg_title h1, 
.pre_footer .bg_title h2, 
.pre_footer .bg_title h3, 
.pre_footer .bg_title h4, 
.pre_footer .bg_title h5, 
.pre_footer .bg_title h6{background:#151515; color:#777777}

footer{min-height:60px; position:relative; background:#000}
footer .footer_border{background:#0078D2; height:5px; display:block}
footer .copyright{float:left; display:inline-block; padding:21px 0 23px 0; line-height:16px; font-size:13px; color:#777}
footer .link { color:#777777}
footer a:hover.link{ color:#0078D2}
footer .socials{padding-top:20px; float:right; display:inline-block}
footer a.btn2top{position:absolute; left:50%; margin-left:-18px; bottom:5px; display:block; width:36px; height:29px; background:#373737 url(../img/bg_pattern2.png) repeat 0 0; border-top-left-radius:3px; border-top-right-radius:3px}
footer a.btn2top:before{content:''; position:absolute; left:12px; top:12px; background:url(../img/btn2top.png) no-repeat center; width:12px; height:7px; display:block}


.sidepanel.addressBox_widget_wrapper{margin:0 0 -6px -6px; padding:4px 0 0px 0; list-style:none; overflow: hidden;}
[class^="myicon-"], [class*="myicon-"]{display:inline-block; width:16px; height:12px; *margin-right:.3em; line-height:12px; margin-right:8px; vertical-align:text-top; background-repeat:no-repeat; margin-top:1px}
.addressBox_widget_wrapper .myicon-phone{background-image:url("../img/phone2.png")}
.addressBox_widget_wrapper .myicon-mail{background-image:url("../img/mail2.png")}
.addressBox_widget_wrapper address{display:block; font-style:normal; font-size:13px; line-height:21px; color:#777777}

/* About */
.widget_mailchimpsf_widget label{color:#777; font-size:13px!important; line-height:18px!important}
.widget_mailchimpsf_widget .mc_input{border:#d9d9d9 1px solid!important; border-radius:0!important; background:#f5f5f5 url(../img/bg_pattern2.png) repeat 0 0!important; padding:7px 15px; margin:0 0 7px 0!important;outline:none!important;
	background:none;
	border-radius:0;
	box-shadow:none!important;
	-webkit-appearance: none!important;}
#footer_bar .widget_mailchimpsf_widget .mc_input{border-top:#2a2a2a 1px solid!important; border-left:#2a2a2a 1px solid!important; border-bottom:#434343 1px solid!important; border-right:#434343 1px solid!important; border-radius:0!important; background:none!important; padding:7px 15px; margin:0 0 7px 0!important}
.widget_mailchimpsf_widget .mc_submit,.button{padding:0 13px!important; line-height:36px!important; height:38px!important; display:inline-block!important;color:#666!important; border-radius:6px!important; box-shadow:inset 0 1px 0 #fbfbfb!important; border:#cfcfcf 1px solid!important;  text-shadow:0 1px 0 #fff!important;  font-size:14px!important; font-weight:bold!important; text-transform:uppercase!important; background:#efefef url(../img/bg_pattern2.png) repeat; background-image:url(../img/bg_pattern2.png),linear-gradient(top,#f5f5f5,#e9e9e9); background-image:url(../img/bg_pattern2.png),-webkit-linear-gradient(top,#f5f5f5,#e9e9e9); background-image:url(../img/bg_pattern2.png),-moz-linear-gradient(top,#f5f5f5,#e9e9e9); background-image:url(../img/bg_pattern2.png),-ms-linear-gradient(top,#f5f5f5,#e9e9e9); background-image:url(../img/bg_pattern2.png),-o-linear-gradient(top,#f5f5f5,#e9e9e9)}
#footer_bar .widget_mailchimpsf_widget .mc_submit,.button{box-shadow:inset 0 1px 0 #8d8d8d!important; border:#2f2f2f 1px solid!important; color:#373737!important; text-shadow:0 1px 0 #6d6d6d!important; background:#606060 url(../img/bg_pattern2.png) repeat; background-image:url(../img/bg_pattern2.png),linear-gradient(top,#707070,#4c4c4c); background-image:url(../img/bg_pattern2.png),-webkit-linear-gradient(top,#707070,#4c4c4c); background-image:url(../img/bg_pattern2.png),-moz-linear-gradient(top,#707070,#4c4c4c); background-image:url(../img/bg_pattern2.png),-ms-linear-gradient(top,#707070,#4c4c4c); background-image:url(../img/bg_pattern2.png),-o-linear-gradient(top,#707070,#4c4c4c)}
.widget_mailchimpsf_widget .mc_submit:hover,.button:hover{background:#f5f5f5 url(../img/bg_pattern2.png) repeat; background-image:url(../img/bg_pattern2.png),linear-gradient(top,#e9e9e9,#f5f5f5); background-image:url(../img/bg_pattern2.png),-webkit-linear-gradient(top,#e9e9e9,#f5f5f5); background-image:url(../img/bg_pattern2.png),-moz-linear-gradient(top,#e9e9e9,#f5f5f5); background-image:url(../img/bg_pattern2.png),-ms-linear-gradient(top,#e9e9e9,#f5f5f5); background-image:url(../img/bg_pattern2.png),-o-linear-gradient(top,#e9e9e9,#f5f5f5)}
#footer_bar .widget_mailchimpsf_widget .mc_submit:hover,.button:hover{background:#707070 url(../img/bg_pattern2.png) repeat; background-image:url(../img/bg_pattern2.png),linear-gradient(top,#4c4c4c,#707070); background-image:url(../img/bg_pattern2.png),-webkit-linear-gradient(top,#4c4c4c,#707070); background-image:url(../img/bg_pattern2.png),-moz-linear-gradient(top,#4c4c4c,#707070); background-image:url(../img/bg_pattern2.png),-ms-linear-gradient(top,#4c4c4c,#707070); background-image:url(../img/bg_pattern2.png),-o-linear-gradient(top,#4c4c4c,#707070)}


/*-- Popular Posts & Recent Posts --*/
.sidepanel {margin: 0 0 35px;}
.recent_posts{list-style:none; margin:0; padding:0}
.recent_posts li{margin-top:10px!important; position:relative}
.recent_posts li:first-child{margin-top:0px!important}
.recent_posts{padding-top:4px}
.recent_posts li .recent_posts_img{display:block; float:none; position:absolute; left:0px; top:0px}
.recent_posts li img{display:block; margin:0!important}
.ie8 .recent_posts_img img{max-width:86px!important; width:86px!important; height:86px!important; display:block}
.recent_posts_content{padding:0 0 0 100px; min-height:86px!important}
.recent_posts_content .post_title{color:#ababab; margin-bottom:12px; display:block; font-style:italic}
#footer_bar .recent_posts_content .post_title{font-style:normal}
/* call back */
.started_bg{padding:0; margin:0 0 22px 0;}
.started_block{   background-color:#fbfbfb;     background-image:url("../img/index/call_center.png");  background-repeat:no-repeat;  background-size:auto 100%;  margin:0;  padding:28px 36px 13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  text-align:right; -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.4); box-shadow:2px 2px 5px rgba(0,0,0,0.4)}
.started_txt{color:#505050;  display:inline-block;  font-size:30px;  line-height:18px;  margin:0;  padding:3px 46px 0 0;  text-align:left;  text-transform:uppercase}
.started_txt p{font-size:20px;  font-weight:600;  line-height:32px}
.started_txt .p12{font-size:24px;  font-weight:600;  line-height:32px}
.started_txt span{color:#0078D2}
a.started_btn{background:none repeat scroll 0 0 #505050;  color:#FFF;  float:right;  font-size:14px;  line-height:39px;  margin:6px 0 0;  padding:0 26px;  text-transform:uppercase;  transition:all 0.3s ease-in-out 0s; text-decoration:none; border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px 6px 6px 6px; -o-border-radius:6px 6px 6px 6px}
a.started_btn:hover{background:none repeat scroll 0 0 #8DB830}

/* latest posts - accordion style */
.latest_posts.default-style .hoverBorder {margin-bottom:10px;}
.latest_posts.default-style .hoverBorder h6 {position:absolute; left:-10px; bottom:16px; color:#fff; padding:6px 10px; background:#cd2122; font-size:12px; font-weight:500; line-height:1; margin: 0;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.latest_posts.default-style .hoverBorder:hover h6 { left:15px; background:#fff; color:#cd2122;}
.latest_posts.default-style a + em {font-size:11px; color:#7d7d7d;}
.latest_posts.default-style .post .m_title {font-style:italic; font-size:16px; line-height:1.4; margin-top:10px;}
.latest_posts.acc-style {position:relative;}
.latest_posts.acc-style h4.m_title {position:absolute; top: 14px; z-index:1;margin: 0;color:#0078d2;}
.latest_posts.acc-style .viewall {position:absolute; top:12px; right:0; font-size:10px; font-weight:bold; color:#757575; z-index:1;}
.latest_posts.acc-style .viewall:hover {color:#111;}
.css3accordion  { width:1170px; margin:0 auto 20px; overflow:hidden; position:relative;}
/* .css3accordion,
.css3accordion>ul>li .thumb,
.css3accordion>ul>li>.inner-acc,
.css3accordion>ul { height: 202px; } */
.css3accordion>ul {list-style:none; padding:0; margin:0; width: 2222em;}
.css3accordion>ul>li {width: 272px; padding-top:25px; position:relative; float:left; overflow:hidden; margin-right: 20px;  border-top:4px solid #E7E7E7;
transition: width 0.3s ease 0.2s; -moz-transition: width  0.3s ease 0.2s; -webkit-transition: width  0.3s ease 0.2s; -o-transition: width  0.3s ease 0.2s;}
.css3accordion>ul>li>.inner-acc { width:585px; }
.css3accordion>ul>li .thumb { max-width: 273px; display:inline-block; float:left; margin-right:20px; opacity:1; filter:alpha(opacity=100); }
.css3accordion>ul>li.last,
.css3accordion>ul>li:hover {width:585px;}
.css3accordion>ul>li:hover .thumb {opacity:.8; filter:alpha(opacity=80);}
.css3accordion>ul>li.last {margin-right:0;}
.css3accordion .content > em {font-size:11px; color:#7d7d7d;}
.css3accordion .content > .m_title {font-size:18px; line-height:1.6; margin: 10px 0; color:#0078d2}
.css3accordion .text + a { font-size:10px; font-weight:bold; color:#888; display: inline-block; margin-top: 5px; }

/* Map Canvas */
#map-canvas {border-bottom: 3px solid #ccc; height: 350px;margin-bottom: 45px;overflow: hidden; width: 100%;}
#map-canvas h3{font-family:Tahoma,Geneva,sans-serif; font-size:16px; font-weight:100}

/* contact form */
.formsWrap input[type="text"]{width:96%}
.formsWrap{ width:100%; position:relative; overflow:hidden}
.formsWrap input[type="text"], textarea{padding:0  20px; font-size:12px; border:1px solid #cecece; outline:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff; color:#747474; margin-bottom:10px; -webkit-transition:all 400ms; -moz-transition:all 400ms; -o-transition:all 400ms; transition:all 400ms}

.formsWrap input[type="text"]:focus, textarea:focus{border-color:#bfbfbf; -moz-box-shadow:0 0 10px #bfbfbf; -webkit-box-shadow:0 0 10px #bfbfbf; box-shadow:0 0 10px #bfbfbf; outline:none}
.formsWrap input{height:35px; line-height:35px}
#contact_subject{ width:94%}
.formsWrap textarea{resize:none; height:104px; width:94%; text-indent:0; padding:8px 20px}
.formsWrap .ie input{line-height:35px}

.large{ font-size:12px;  font-weight:500;  height:35px;  line-height:35px;  padding:0 13px; color:#FFF}
/* ------------- .button{ border:medium none;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  box-shadow:1px 1px 0 0 rgba(255,255,255,0.5) inset;  cursor:pointer;  display:inline-block}
.button:hover{ background-color:#b3000f; text-decoration:none}*/
.button{color:#fff!important;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-shadow:none!important; }
.button:hover{ color: #333!important;}
.form-controls{ color:#fff;  line-height:28px}
.form-controls .button{margin-right:12px;}
.inputs{ width:350px}
.inputs2{width:100%;}
#captchaimg{margin-top:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px}
#hdcaptcha{ clear:both; margin-top:5px;padding:5px 6px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; background:#fbfbfb; border:1px solid #ccc;}
#hdwnc{ margin-top:5px}

/* Contact info Right------------- */
#contactRight{margin-bottom:40px; overflow:hidden}
.contact-info{float:left; margin-top:10px; width:100%}
.contact-icon{float:left; width:40px; height:40px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%}
.address{float:left; width:20px; height:21px; background:url('../images/icons/address_icon.png') no-repeat; margin:9px 0 0 10px}
.phone{float:left; width:20px; height:21px; background:url('../images/icons/phone_icon.png') no-repeat; margin:9px 0 0 10px}
.mail{float:left; width:20px; height:21px; background:url('../images/icons/mail_icon.png') no-repeat; margin:9px 0 0 10px}
.contact-info-txt{float:right; position:relative; padding:14px 6px; background-color:#f1f1f1; margin-left:10px; width:76%}
.contact-info-txt:before{content:""; position:absolute; top:14px; left:-6px; z-index:10; width:0px; height:0px; border-style:solid solid outset solid; border-width:6px 6px 6px 0; border-color:transparent #f1f1f1 transparent transparent}
.contact-info-txt a{color:#747474}
#contactRight .section-title, .formsWrap .section-title{ border-bottom:1px solid #CECECE;  float:left;  font-size:19pt;  height:32px;  line-height:28px;  margin-bottom:20px;  width:100%}
.line-height {line-height: 18px;}

/* Products Page------------- */
.page-title, .subtitle{ border-bottom:1px solid #CBCBCB;  line-height:1.4;  margin-bottom:25px;  padding-bottom:25px}
.page-title{ color:#050505;  font-size:26px;  margin-top:0}
.subtitle{ color:#595959;  font-size:36px;  font-weight:300}

/* site helpers */
.noBgImage {background-image:none;}
.full_width { max-width: 100%;}
.text_align_left {text-align:left !important;}
.text_align_right {text-align:right !important;}
.text_align_center {text-align:center !important;}

/* custom buttons */
.btn-flat {background:#cd2122; font-size:18px; font-weight:700; color:#fff; text-shadow: 0 1px 0 rgba(0,0,0,.8); 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
  position: relative; border: 0;}
.btn-flat:hover {background:#343434; color:#fff; }
.redbtn {background:#cd2122;}

/* tabs style 4 */
.tabs_style4 {}
.tabs_style4 > ul.nav {margin-bottom:0;}
.tabs_style4 > ul.nav > li {float:left; margin-bottom:-1px;}
.tabs_style4 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; color:#343434;}
.tabs_style4 > ul.nav > li.active > a,
.tabs_style4 > ul.nav > li > a:hover {color:#222;}
.tabs_style4 > ul.nav > li.active > a { background:#fff;  border:1px solid #ececec;  border-bottom:0; 
-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; }
.tabs_style4 .tab-content {display: table; width: 100%;padding: 10px 15px 15px; border:1px solid #ececec; background:#fff;  }
/* partners carousel */
.partners_carousel h5.title {font-weight:normal; margin-top:5px; font-size:16px; line-height:19px}
.partners_carousel ul { margin:0; padding:0; list-style:none; }
.partners_carousel li {	float: left; text-align:center; margin:0; padding:0 0 0 10px; }
.partners_carousel li a { display:block; padding: 15px 0; margin:0px; min-height:46px; line-height:46px; border:1px solid #f9f9f9;
-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
background: #ffffff;}
.partners_carousel li a img {opacity:.8; filter:alpha(opacity=80);}
.partners_carousel li a:hover { background:#f9f9f9; border:1px solid #eee;}
.partners_carousel li a:hover img { opacity:1; filter:alpha(opacity=100); }
.partners_carousel .controls { margin-top:-10px}
.partners_carousel .controls > a {opacity:0.5; filter:alpha(opacity=50);}
.partners_carousel .controls > a:hover {opacity:1; filter:alpha(opacity=100);}

/* modules------------- */
.module_cont {
    margin-bottom: 45px !important;
}
.module_cont {
    min-height: 20px !important;
}
.module_partners .bg_title {

}
/* carouselslider------------- */
.module_partners_wrapper .item_content img, 
.module_partners_wrapper .item_content a{width:100%; height:auto; display:block!important}
.module_partners .item{opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); transition:opacity 400ms; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms}
.module_partners .item:hover{opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)}
.carouselslider:before{background:none}
.carousel-wrap ul{margin-left:0px}

.item_list{overflow:hidden}

	/*-- bottom boxes --*/

.thumb-pad{ overflow:hidden}
.thumb-pad .thumbnail{ background:none repeat scroll 0 0 rgba(0,0,0,0);  border:none;  display:block; margin-bottom:20px;  line-height:1.42857;  padding:8px;  box-shadow:none;  position:relative}
.thumbnail{  }
.thumb-pad{ overflow:hidden}
.thumb-pad .thumbnail .caption h5{font-size:18px; line-height:23px; font-weight:400;  padding:0}
.thumb-pad .thumbnail .caption{ color:#333;  padding:0}
.thumb-pad .thumbnail .caption p{ margin-bottom:25px}
.thumb-pad figure{margin:0 0 25px}
.thumb-pad figure img{ width:100%}

/* border hovers */

.hoverBorder {position:relative; display:inline-block;}
.hoverBorder:hover img {-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; opacity:0.8; filter:alpha(opacity=80);}
.imgboxes_style1 .hoverBorder h6 {position:absolute; left:-10px; bottom:11px; color:#fff; padding:6px 10px; background:#cd2122; font-size:12px; font-weight:500; line-height:1; margin: 0;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.imgboxes_style1 .hoverBorder:hover h6 { left:15px;}

.hoverBorderWrapper {position:relative; display:block;}
.theHoverBorder {position:absolute; left:0; top:0; bottom:0; right:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
-webkit-box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; -moz-box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; }
.theHoverBorder:hover {-webkit-box-shadow:0 0 0 5px #cd2122 inset; -moz-box-shadow:0 0 0 5px #cd2122 inset; box-shadow:0 0 0 5px #cd2122 inset;}

/* css transitions - reducing transitions lines */

.theHoverBorder,
.hoverBorder h6,
.slidingDetails .details,
.slidingDetails,
.partners_carousel li a,
.hoverBorder:hover img,
.css3accordion>ul>li .thumb,
.shop-features .shop-feature {
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

/* ing left */
.img-intro__left, .img-full__left{ float:left;  margin:0 16px 10px 0;  max-width:50%}

.item_img{ font-size:0;  line-height:0}

.videoWrapper{position:relative; padding-bottom:56.25%; padding-top:25px; height:0}
.videoWrapper iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:none}
.list{    float:left}

.list li{    background:url("../images/marker.png") no-repeat scroll 0 4px rgba(0,0,0,0);  padding-left:22px}
.list li{ font-size:14px;  line-height:22px}
.features_box{border:1px solid #EDEDED; padding:10px 20px 15px 20px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; clear:both}
.features_boxR{padding:0px 0px 30px 0px; clear:both}



@media screen and ( -webkit-min-device-pixel-ratio : 0 ) {
	.carouselslider .item {
		padding:1px;
	}
}
@media (min-width: 1220px) {
.select-menu{display: none !important;} 
}
@media (min-width: 992px) and (max-width: 1219px) {
.select-menu{display: none !important;}
}
/* iPads (landscape) // WITH META VIEWPORT ENABLED ----------- */
@media only screen 
and (min-width : 769px) 
and (max-width : 1024px) {
.started_block{background-image:url("../img/index/call_center2.png");  background-repeat:no-repeat;  background-size:auto 100%;}	
.select-menu {display: none !important;}
.css3accordion {width:940px;}
.css3accordion>ul>li {width: 235px; }
.css3accordion>ul>li>.inner-acc { width:470px; }
.css3accordion>ul>li .thumb { max-width: 236px; }
.css3accordion>ul>li.last,
.css3accordion>ul>li:hover {width:470px;}
.css3accordion .content > .m_title {font-size: 12px; line-height: 1.3; margin:8px 0;}
.css3accordion .text {font-size:11px; line-height:1.4; }	
	
}
	/* iPads (portrait) // WITH META VIEWPORT ENABLED ----------- */
@media only screen 
and (min-width : 481px) 
and (max-width : 768px) {
.started_block{background-image:url("../img/index/call_center3.png");  background-repeat:no-repeat;  background-size:auto 100%; padding:18px 16px 10px}	
.fixed-menu, 
.fixed-menu:before, 
.fixed-menu:after, header .menu{display:none!important}
header nav{float:none; width:100%; text-align:center}
header nav .select-menu{width:98%}
a.started_btn{font-size:12px; line-height:18px;  margin:6px 0 0;  padding:10px 10px}
.started_txt p{font-size:18px;  font-weight:600;  line-height:20px}
.started_txt .p12{font-size:18px;  font-weight:600;  line-height:20px}
.row{padding:0 0px; margin-bottom:20px}
.row [class*="span"]{margin-bottom:20px}
.img-intro__left, .img-full__left{float:none; margin:15px 0px 10px 0}
.css3accordion{width:724px}
.css3accordion>ul>li{width:181px}
.css3accordion>ul>li>.inner-acc{width:362px}
.css3accordion>ul>li .thumb{max-width:182px}
.css3accordion>ul>li.last, 
.css3accordion>ul>li:hover{width:362px}
.css3accordion .content >.m_title{font-size:12px; line-height:1.3; margin:8px 0}
.css3accordion .text{font-size:11px; line-height:1.4}	
.tp-caption.lightgrey_divider{width:200px!important;height:2px;}	
}


@media (max-width: 767px) {
.fixed-menu, 
.fixed-menu:before, 
.fixed-menu:after, header .menu{display:none!important}
header nav{float:none; width:100%; text-align:center}
header nav .select-menu{width:98%}
.started_block{background-image:url("../img/index/call_center4.png");  background-repeat:no-repeat;  background-size:auto 100%; padding:18px 16px 10px}
a.started_btn{font-size:12px; line-height:18px;  margin:6px 0 0;  padding:10px 10px}
.started_txt p{font-size:18px;  font-weight:600;  line-height:20px}
.started_txt .p12{font-size:18px;  font-weight:600;  line-height:20px}
.row{padding:0 10px; margin-bottom:20px}
.row [class*="span"]{margin-bottom:20px}
.img-intro__left, .img-full__left{float:none;  margin:15px 0px 10px 0;  max-width:50%}
.css3accordion{width:auto}
.css3accordion >ul{width:auto}
.css3accordion >ul >li{display:none; width:100%}
.css3accordion >ul >li.last, .css3accordion >ul >li:hover{width:100%}
.css3accordion >ul >li >.inner-acc{width:100%}
.css3accordion >ul >li:first-child{display:block}
}
@media only screen and (min-width: 459px) and (max-width: 766px) {
	.started_block{background-image:url("../img/index/call_center4.png");  background-repeat:no-repeat;  background-size:auto 100%; padding:18px 16px 10px}
.fixed-menu, 
.fixed-menu:before, 
.fixed-menu:after, header .menu{display:none!important}
footer .socials{float:none; text-align:center; margin-bottom:20px}
a.started_btn{font-size:12px; line-height:18px;  margin:6px 0 0;  padding:10px 10px}
.started_txt p{font-size:18px;  font-weight:600;  line-height:20px}
.started_txt .p12{font-size:18px;  font-weight:600;  line-height:20px}
.row{padding:0 10px; margin-bottom:20px}
.row [class*="span"]{margin-bottom:20px}
.img-intro__left, .img-full__left{float:none;  margin:15px 0px 10px 0;  max-width:50%}
.margin-fixer{margin-left:-20px!important; height:auto!important}
.carouselslider ul li{padding:0 0 0 20px!important}
.latest_posts.acc-style h4 .m_title{font-size:18px!important; margin-bottom:20px}
.tp-caption.lightgrey_divider{width:170px;}
}
@media only screen and (max-width: 459px) {
.fixed-menu, 
.fixed-menu:before, 
.fixed-menu:after, header .menu{display:none!important}
footer .socials{float:none; text-align:center; margin-bottom:20px}
.started_block{background-image:none; padding:18px 16px 10px}

a.started_btn{font-size:12px; line-height:18px;  margin:6px 0 0;  padding:10px 10px}
.started_txt p{font-size:18px;  font-weight:600;  line-height:20px}
.started_txt .p12{font-size:18px;  font-weight:600;  line-height:20px}
.row{padding:0 10px; margin-bottom:20px}
.row [class*="span"]{margin-bottom:20px}
.img-intro__left, .img-full__left{float:none;  margin:15px 0px 10px 0;  max-width:50%}
.margin-fixer{margin-left:-20px!important; height:auto!important}
.css3accordion img{margin-top:25px}
.latest_posts h4.m_title{font-size:18px!important; padding-bottom:30px; line-height:22px}

.carouselslider ul li{padding:0 0 0 20px!important}
.item_img{ float:none;  margin:0 0 18px;  max-width:100%}
.tp-caption.lightgrey_divider{width:90px!important; height:2px;}
}

@media only screen and (max-width: 320px) {
.fixed-menu, 
.fixed-menu:before, 
.fixed-menu:after, header .menu{display:none!important}

header nav{float:none; width:100%; text-align:center}
header nav .select-menu{width:98%}
footer .socials{float:none; text-align:center; margin-bottom:20px}
.view p{padding:10px 10px 5px; font-size:12px; line-height:16px}
.view-tenth .p11{margin:10px 5px 0px 5px;  padding:0 5px; font-size:15px}
.fixed-menu{display:none}
.started_block{background-image:none; padding:18px 16px 10px}

a.started_btn{font-size:12px; line-height:18px;  margin:6px 0 0;  padding:10px 10px}
.started_txt p{font-size:16px;  font-weight:600;  line-height:20px}
.started_txt .p12{font-size:16px;  font-weight:600;  line-height:20px}
.latest_posts.acc-style h4.m_title{font-size:18px; line-height:22px}
.css3accordion img{margin-top:25px}

.row{padding:0 10px; margin-bottom:20px}
.row [class*="span"]{margin-bottom:20px}
.img-intro__left, .img-full__left{float:none;  margin:15px 0px 10px 0;}
.item_img{ float:none;  margin:0 0 18px;  max-width:100%}
.tp-caption.lightgrey_divider{width:90px!important;height:2px;}
}}