@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'calibribold';
    src: url('../font/calibrib-webfont.eot');
    src: url('../font/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/calibrib-webfont.woff') format('woff'),
         url('../font/calibrib-webfont.ttf') format('truetype'),
         url('../font/calibrib-webfont.svg#calibribold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebasregular';
    src: url('../font/bebas___-webfont-webfont.eot');
    src: url('../font/bebas___-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebas___-webfont-webfont.woff') format('woff'),
         url('../font/bebas___-webfont-webfont.ttf') format('truetype'),
         url('../font/bebas___-webfont-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'calibrilight';
    src: url('../font/calibril-webfont.eot');
    src: url('../font/calibril-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/calibril-webfont.woff') format('woff'),
         url('../font/calibril-webfont.ttf') format('truetype'),
         url('../font/calibril-webfont.svg#calibrilight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Calibri';
	src: url('../font/Calibri.eot?') format('eot'), 
	     url('../font/Calibri.woff') format('woff'), 
	     url('../font/Calibri.ttf')  format('truetype'),
	     url('../font/Calibri.svg#Calibri') format('svg');
}






.icon_one{ width:80px; height:80px; background-image:url(../images/website.png); background-repeat:no-repeat; background-position:center;}
.icon_one2{ width:80px; height:80px; background-image:url(../images/ecommerce.png); background-repeat:no-repeat; background-position:center;}
.icon_one3{ width:80px; height:80px; background-image:url(../images/mail_market.png); background-repeat:no-repeat; background-position:center;}
.icon_one4{ width:80px; height:80px; background-image:url(../images/mobo.png); background-repeat:no-repeat; background-position:center;}
.icon_one5{ width:80px; height:80px; background-image:url(../images/apps.png); background-repeat:no-repeat; background-position:center;}
.icon_one6{ width:80px; height:80px; background-image:url(../images/social.png); background-repeat:no-repeat; background-position:center;}

.icon_one:hover{ width:80px; height:80px; background-image:url(../images/website_over.png); background-repeat:no-repeat; background-position:center; cursor:pointer;}
.icon_one2:hover{ width:80px; height:80px; background-image:url(../images/ecommerce_over.png); background-repeat:no-repeat; background-position:center;cursor:pointer;}
.icon_one3:hover{ width:80px; height:80px; background-image:url(../images/mail_market_over.png); background-repeat:no-repeat; background-position:center;cursor:pointer;}
.icon_one4:hover{ width:80px; height:80px; background-image:url(../images/mobo_over.png); background-repeat:no-repeat; background-position:center;cursor:pointer;}
.icon_one5:hover{ width:80px; height:80px; background-image:url(../images/apps_over.png); background-repeat:no-repeat; background-position:center;cursor:pointer;}
.icon_one6:hover{ width:80px; height:80px; background-image:url(../images/social_over.png); background-repeat:no-repeat; background-position:center;cursor:pointer;}










input {
color: #fff;
}
input::-webkit-input-placeholder {
color: #fff; /* white color with alpha = 1 (alpha = opacity varies on a scale of 0 to 1 with decimal values in between) */ 
}
input::-moz-placeholder {
color:#fff;
}
input:-moz-placeholder { /* Older versions of Firefox */
color: #fff; /* alpha property doesn't properly work Firefox */

}
input:-ms-input-placeholder {
color: #fff;
}

#name_2::-webkit-input-placeholder,
#textarea_2::-webkit-input-placeholder
{
  color:    #fff;
}

#name_2:-moz-placeholder,
#textarea_2:-moz-placeholder 
{
  color:    #fff;
}

#name_2::-moz-placeholder,
#textarea_2::-moz-placeholder 
{
  color:    #fff;
}

#name_2:-ms-input-placeholder,
#textarea_2:-ms-input-placeholder 
{
  color:    #fff;
}





/*text_color*/
.txt_w{ color:#fff !important;}
.txt_gre{ color:#92bb40;}
/*//////////////////////////////////////*/
.vt{ color:#fff !important;}

/*commen_style*/
p,h1,h2,h3,h4,h5,h6,span{ margin:0px; padding:0px;}
ul li{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none !important; color:#ccc;}
/*//////////////////////////////////////*/

/*txt_shadow*/
.shadow{ text-shadow:0px 0px 1px #000;}
/*///////////////////*/
.sp-10{ height:10px;}
.sp-20{ height:20px;}
.sp-25{ height:25px;}
.sp-30{ height:30px;}
.sp-40{ height:40px;}
.sp-50{ height:50px;}
.sp-60{ height:60px;}
.sp-100{ height:100px;}
.padd_30{ padding:30px;}


.pad_top_10{ padding-top:10px;}
.pad_top_20{ padding-top:20px;}
.pad_top_30{ padding-top:30px;}
.pad_top_40{ padding-top:40px;}
.pad_top_50{ padding-top:50px;}
.pad_top_60{ padding-top:60px;}

.pad_bt_10{ padding-bottom:10px;}
.pad_bt_20{ padding-bottom:20px;}
.pad_bt_30{ padding-bottom:30px;}
.pad_bt_40{ padding-bottom:40px;}
.pad_bt_50{ padding-bottom:50px;}
.pad_bt_60{ padding-bottom:60px;}
.pad_bt_80{ padding-bottom:80px;}
.pad_bt_85{ padding-bottom:85px;}
.pad_bt_90{ padding-bottom:90px;}
.pad_bt_98{ padding-bottom:98px;}

.margin_0{ margin:0px !important;}
.length{ height:300px;}

/*commen_space*/
.space_v{ width:20px;}
.padd_10{ padding:10px;}
.padd_180{ height:180px;}
.padd_25px{ height:25px;}
.padd_60px{ height:60px;}
/*//////////////////////////////////////*/
html{ width:100%; height:100%;}
body{ width:100%; height:100%;}

/*.sett_this{ height:750px;}*/
.section1{ width:100%; height:100%}
.sectionf{ width:100%; height:100%;}
.section2{ width:100%; height:20%;}
.section3{ width:100%; height:80%;}

.top_fix{ position:fixed;}
.banner1{background-size:cover; background-image:url(../images/banner.jpg); height:100%; padding-bottom:50px;}
.title_1{ text-align:center;}
.title_1 h1{ color:#fff; font-weight:normal; font-family: 'calibrilight'; font-size:50px; letter-spacing:0px; text-transform:uppercase; }
.title_1 h2{ color:#fff; font-weight:normal; font-family: 'calibrilight'; font-size:30px;  }
.bt_finout{ border:none;font-weight:normal; font-family: 'calibrilight'; font-size:20px; padding:25px 45px 25px 45px; border:2px solid #2a4c8b; background:none; color:#fff; webkit-border-radius:8px; moz-border-radius:8px; border-radius:8px; text-transform:uppercase;}
.bt_finout:hover{ border:2px solid #fff;transition: all 0.5s ease-in-out;}
.down{ border:none;}
.down img{ border:none;}
.down img:hover{ cursor:pointer; margin-top:20px; transition: all 0.5s ease-in-out;}


.white{ background-color:#fff; position:fixed;display:none; border-bottom:1px solid #e1e1e1; z-index:999;}
.border{ text-decoration:none;}
.border li{ border-left:1px solid #e1e1e1; color:#666; transition: all 0.5s ease;}
.border li:hover { border-bottom:3px solid #2a4c8b; transition: all 0.5s ease-in-out;}
.m_Act{border-bottom:3px solid #2a4c8b;}
.border li a{ color:#666 !important;}
.green{ background-color:#2a4c8b;}

.load{-webkit-animation: cssAnimation 1s 16 ease;
-moz-animation: cssAnimation 1s 16 ease;
-o-animation: cssAnimation 1s 16 ease;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(4deg) scale(0.803) skew(0deg) translate(0px); }
to { -webkit-transform: rotate(360deg) scale(0.803) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(4deg) scale(0.803) skew(0deg) translate(0px); }
to { -moz-transform: rotate(360deg) scale(0.803) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(4deg) scale(0.803) skew(0deg) translate(0px); }
to { -o-transform: rotate(360deg) scale(0.803) skew(0deg) translate(0px); }
}}

#ds{ text-decoration:none;}
#ds h1{ font-weight:normal; font-size:35px; color:#666;}

.seban{position:absolute; z-index:999;}
.b_cont{position:absolute; width:100%; top:0px; left:0px; height:auto}

.service{ border:none; padding-top:90px; }
.service h1{ font-weight:normal; font-size:35px; color:#666;}
.service p{ display:block; width:60%; text-align:center; color:#999;}
.line{ width:8%; border-bottom:2px solid #666; height:2px;}
.srvce_ban{ background-color:#f3f3f3;}
.srvce_ban h1{ font-weight:normal; font-size:35px; color:#709160; font-family: 'calibrilight';}
.srvce_ban h2{ font-weight:normal; font-size:16px; color:#222; font-family: 'calibrilight'; }
.srvce_ban h4{ font-weight:normal; font-size:18px; color:#666; font-family: 'Calibri'; }
.margin-right{ margin-right:10px;}

.srvce_ban p{ font-weight:normal; font-size:14px; color:#666; font-family: 'calibrilight'; display:block; width:100%;}
.bt_more{ border:none; background:none;border:2px solid #fff; color:#fff; padding:8px 20px 8px 20px; webkit-border-radius:5px; moz-border-radius:5px; border-radius:5px; text-transform:uppercase;}
.bt_more:hover{border:2px solid #2a4c8b;transition: all 0.5s ease-in-out;}
.over{ border:none;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);}

.over:hover{transform: rotate(0deg) scale(0.66) skew(0deg) translate(7px);
-webkit-transform: rotate(0deg) scale(0.66) skew(0deg) translate(7px);
-moz-transform: rotate(0deg) scale(0.66) skew(0deg) translate(7px);
-o-transform: rotate(0deg) scale(0.66) skew(0deg) translate(7px);
-ms-transform: rotate(0deg) scale(0.66) skew(0deg) translate(7px); cursor:pointer;}

.over2{ border:none;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);}

.over2:hover{transform: rotate(0deg) scale(0.20) skew(0deg) translate(2px);
-webkit-transform: rotate(0deg) scale(0.90) skew(0deg) translate(2px);
-moz-transform: rotate(0deg) scale(0.90) skew(0deg) translate(2px);
-o-transform: rotate(0deg) scale(0.90) skew(0deg) translate(2px);
-ms-transform: rotate(0deg) scale(0.90) skew(0deg) translate(2px); cursor:pointer;}

.s_box{ width:12%; height:auto; float:left; margin-left:77px;}



.bg_ban3{ position:relative; background-color:#1abc9c; height:auto; padding-bottom:80px; background-image:url(../images/triangle_bg.png);}
.bg_ban3 h1{ font-size:50px; text-align:center; color:#fff;  font-family: 'calibrilight'; font-weight:normal; text-transform:uppercase; text-shadow: 3px 1px 0px #12a384; padding-top:60px;}
.bg_ban3 span{ font-size:18px; text-align:center; color:#666;  font-family: 'calibrilight'; font-weight:normal;}
.bg_ban4{ background-color:#fff; position:relative;}

.box{ width:20%; height:auto; position:relative; float:left;}
.box_over{ background-image:url(../images/w_strip.png);width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:.0; transition: all 0.5s ease-in-out;}

.sec_cover{ width:100%; height:100%; background-image:url(../images/bac_cover.png); position:absolute; left:0px; top:0px; z-index:1;}
.box:hover .box_over{ display:block; transition: all 0.5s ease-in-out; cursor:pointer; opacity:.9;} 
.bg_ban4 h3{ font-size:18px; color:#fff; font-weight:normal; font-family: 'calibrilight';}
.bg_ban4 span{font-size:12px; color:#fff; font-weight:normal; font-family: 'calibrilight'; text-transform:uppercase;}

.bg_ban4:hover .sec_cover{ display:none; transition: all 0.5s ease-in-out;}
.sec_cover h1{font-weight:normal; font-size:35px; color:#fff; z-index:9; position:absolute; top:40%; left:45%;}
.sp_im{ position:absolute; top:48%; left:47%; margin-top:20px;}

.bg_ban5{ background-color:#1abc9c;}
.bg_ban5 h1{ font-size:40px; text-align:center; color:#fff; padding-top:70px; font-weight:normal;}
.bg_ban5 span{ font-size:16px; text-align:center; color:#fff;font-weight:normal; padding-top:15px;}

.box_option{ width:90%; height:auto; background-image:url(../images/bott_strip.png); border:1px solid #119159;}
.box_option h2{ font-size:20px; color:#fff; font-weight:normal; text-transform:uppercase;}

.ico_mont{ background-image:url(../images/ico_web_19.png); background-repeat:no-repeat; background-position:center 20px;}
.txt_home{ background:none !important; padding:10px 20px 10px 20px !important; border:1px solid #fff !important; width:92%; color:#fff !important; font-size:14px;}
.txtarea_home{background:none !important; padding:10px 20px 10px 20px !important; border:1px solid #fff; width:92%; color:#fff !important; height:88px; color:#fff;}
input{ color:#fff !important;}

#slides {margin:0px; padding:0px; width:auto; height:155px; line-height:22px; border-bottom:solid 1px #bfbebe;}
#slides p {margin:0px; padding:0px; width:100%; height:95px; }
#slides span {margin:0px; padding:0px; width:100%; height:auto; overflow:hidden; line-height:24px;}
.none{ background:none !important; border:none !important; font-size:18px !important; text-align:center !important; color:#fff !important; width: 100%;}
.range_ss{ width:75%; height:auto; font-family: 'calibrilight';}

.bt_bottom{ padding:10px 30px 10px 30px; margin-top:30px; text-align:center; border:2px solid #fff !important; color:#fff !important; background:none !important;webkit-border-radius:5px; moz-border-radius:5px; border-radius:5px; text-transform:uppercase;}
.bt_bottom:hover{ border:2px solid #16a085 !important; transition: all 0.5s ease-in-out !important;}

.fb{ width:40px; height:40px; background-image:}
.social_a{ border:none;}
.social_a img{ margin-left:5px;}
.social_a img:hover{ opacity:.5; transition: all 0.5s ease-in-out;}
.down_add{ border:none;}
.down_add h3{ float:left; margin-left:15px; font-size:15px; color: #666; font-weight:normal;}
.cent{ width:51%; margin:0px auto;}

.adress{ width:30%; height:auto; background-color:#2a4c8b; position:absolute; top:23%; left:12%; color:#fff; z-index:999;}
.adress h1{ font-weight:normal;font-size:45px; margin:0px; padding:0px;  letter-spacing:1px; padding:20px  20px 0px 20px;}
.adress h2{ font-weight:normal;font-size:18px; margin:0px; padding:0px;  font-weight:normal; font-family: 'calibrilight';  padding:0px  20px 0px 20px; color:#222;}
.adress h3{ font-weight:normal;font-size:18px; margin:0px; padding:0px;  font-weight:normal; font-family: 'calibrilight';  padding:0px  20px 0px 20px;}
.adress p{ font-weight:normal;font-size:14px; margin:0px; padding:0px;font-weight:normal; color:#fff;  padding:0px  20px 20px 20px; line-height:24px;}
.down2{ background-color:#000; width:100%; height:auto; padding-bottom:20px;}
.down2 span{ font-weight:normal;font-size:14px; margin:0px; padding:0px;font-weight:normal; color:#666;  padding:0px  20px 20px 20px;}

.detail_c{ padding-top:30px;}
.detail_c h3{ font-size:25px; font-weight:normal; font-family: 'calibrilight'; }
.detail_c p{ font-size:14px; font-weight:normal; font-family: 'calibrilight'; color:#999; }
.vst_bt{ border:2px solid #2a4c8b; padding:10px 30px 10px 30px; background:none; color:#666; margin-top:15px;}
.vst_bt:hover{ border:2px solid #79a01d; transition: all 0.5s ease-in-out;}

.seo{ text-decoration:none; background-image:url(../images/home2.jpg); background-size:cover; background-repeat:no-repeat; background-position:-200px;}
.seo h1{ font-size:30px; color:#666; font-family: 'calibrilight'; font-weight:normal; padding-bottom:20px;}
.seo p{ font-size:14px; color:#666; display:block; padding-right:10%; }
.seo a{ font-weight:bold; color:#666;}

.handil{ width:100%;height:15px; background-image:url(../images/bg_handil_23.png); border:1px solid #fff; position:absolute; top:70%; left:0px;}

.round{ width:110px; height:110px; position:absolute; webkit-border-radius:190px; border-radius:190px; moz-border-radius:190px; font-size:30px; font-family: 'calibrilight'; line-height:55px; z-index:999;}

.r1{ background-image:url(../images/round1.png);}
.r2{ background-image:url(../images/round2.png);}
.r3{ background-image:url(../images/round3.png);}
.r4{ background-image:url(../images/round4.png);}
.r5{ background-image:url(../images/round5.png);}

.round:hover{ cursor:pointer; width:100px; height:105px; transition: all 0.5s ease-in-out;}

.position_1{ left:15%; top:63%;}
.position_2{ left:30%; top:63%;}
.position_3{ left:45%; top:63%;}
.position_4{ left:60%; top:63%;}
.position_5{ left:78%; top:63%;}

.pos1{top:25%; left:7%;}
.pos2{top:22%; left:19.5%;}
.pos3{top:25%; left:34%;}
.pos4{top:28%; left:48%;}
.pos5{top:28%; left:67%;}

.popup_steps{ position:absolute; height:auto; padding-bottom:20px;  background-image:url(../images/down.png); background-repeat:no-repeat; background-position:bottom center;}
.white2{ background-color:#fff; width:300px; padding:15px; text-align:center; padding-bottom:20px;}
.white2 h2{ color:#666; padding-bottom:20px; font-weight:normal;}
.white2 p{ color:#999;}
.maximage{ border:none;}
.maximage img{ width:100%; height:100%;}



.bg_abt{ background-color:#f3f3f3;}
.bg_abt h2{ font-size:35px; font-family: 'Calibri'; color:#666; padding-bottom:20px;}
.bg_abt p{ font-size:14px; font-family: 'calibrilight';  color:#666;}

.abt_spaniac{ text-decoration:none;}
.abt_spaniac h1{ font-size:25px; font-family: 'calibrilight'; color:#666; text-transform:uppercase; font-weight:normal; padding-bottom:20px; letter-spacing:-1px;}
.abt_spaniac span{ font-size:50px; font-family: 'Calibri'; color:#666; text-transform:uppercase; font-weight:normal;}
.bg_abt_spaniac{ background-image:url(../images/bt.jpg); background-repeat:no-repeat; background-position:right; background-size:contain;}
.abt_spaniac p{ font-size:14px; font-family: 'Calibri'; color:#666;font-weight:normal; padding-right:20%;}
.abt_spaniac h2{ font-size:25px; font-family: 'calibrilight'; color:#666;  padding-bottom:20px;}

.bottom_bt{ background-color:#16a085; border-bottom:1px solid #D3D3D3; border-top:1px solid #D3D3D3;}
.box_white{ background-color:#fff; border:1px solid #D3D3D3; border-bottom:3px solid #ee5c5c; padding:15px;}
.box_white h2{ font-size:30px; color:#666; font-weight:normal;}
.box_white p{ font-size:14px; color:#999;}

.bt_about{ background:none; border:1px solid #85ac21; border-radius:8px; padding:10px 25px 10px 25px;}
.bt_about:hover{ background-color:#85ac21;transition: all 0.5s ease-in-out; color:#fff;}


/*portfolio*/
.portfolio{ text-decoration:none;}
.portfolio h2{ font:normal 35px 'Calibri'; color:#666; padding-bottom:0px; }
.portfolio h4{ font:normal 20px 'Calibri'; color:#666; padding-bottom:20px; }
.portfolio span{font:normal 20px 'Calibri'; color:#666; line-height:30px; display:block; }
.portfolio p{font:normal 14px 'Calibri'; color:#999; line-height:25px; display:block; width:70%; }
.p_box_over{ width:100%; height:auto; background-image:url(../images/w_strip.png);position:absolute; display:none; padding-bottom:30px; z-index:999;}
.p_box1{ width:50%; height:300px; float:left; position:relative;}
.p_box1:hover .p_box_over{ display:block; transition: all 0.5s ease-in-out; cursor:pointer; opacity:.6; z-index:888;}
.p_box2{ width:25%; height:300px;float:left;  position:relative;}
.p_box2:hover .p_box_over{ display:block; transition: all 0.5s ease-in-out; cursor:pointer; z-index:888;}
.p_box3{ width:25%; height:300px;float:left;  position:relative;}
.p_box3:hover .p_box_over{ display:block; transition: all 0.5s ease-in-out; cursor:pointer; z-index:888;}

.p_fit{ width:100%; height:100%;}
.v_middle{ margin-top:10%;}
.length h3{ color:#fff; font:normal 18px 'Calibri';}
.length span{ font-size:16px; color:#fff; font-family: 'calibrilight';}

.gray{filter: grayscale(100%); 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);}
.sp_foot{ height:20px;}
.left_service{ margin:0px; padding:0px; background-color:#222;}
.left_service li{ padding:10px; border-bottom:1px solid #000; font-size:20px; color:#fff;}
.left_service li:hover{ background-color:#2a4c8b; transition: all 0.5s ease-in-out; cursor:pointer;}
.left_service li a{ color:#fff;}
.right_2o{ margin-right:15px;}
.pos_relative{ position:relative;}
.pos_absalute{ position:absolute; right:0px; top:0px;}

.maximage{ width:100%;height:auto; margin:0px auto;}
.maximage img{ width:100%; height:auto;}
.sett{ margin-right:50px;}









/*PARELEXSCROLLING*/
/* Set all parents to full height */


.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%; 
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 100px;
	top: 50%;
	width: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 26px;
	height: 26px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 4px solid #fff;
}

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(255,255,255,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #fff;
}

/* background-attachment does the trick */
.cbp-fbscroller section {

	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}

#fbsection1 {
	background-image: url(../images/2.jpg);
	
}

#fbsection2 {
	background-color:#FFF;
}

#fbsection3 {
	background-color:#FFF;
	height:auto;
}


.honesty{ text-align:center;}
.honesty h1{ text-transform:uppercase; font-size:60px; color:#fff; padding-top:280px; text-shadow: 1px 2px #666;}
.honesty h2{ text-transform:uppercase; font-size:40px; color:#fff; font-weight:normal;text-shadow: 1px 2px #666;}


.thumbnail_main{ width:100%; height:300px; background-color:#fff;}
.thumbnail_main h2{  color:#888; padding:40px 0px 20px 0px; text-align:center; text-transform:uppercase; font:normal 20px 'bebasregular'; font-weight:normal;}
.cta2{position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  margin-top: -55px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.571em;
  line-height: 1.25;
  color: #fff;
  text-transform: uppercase;}
  
 .no-touch .flip-container:hover .flipper .back2 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.flip-container .back2 {
  position: absolute;
  z-index: 1;
   background: #e54d4d url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQIW2NkQAKMIPYZE+X/JmfuMoI5MAAARv0EBMj+bmoAAAAASUVORK5CYII=");
  color: #fff;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: rotateY(180deg) translateZ(-1px);
  -moz-transform: rotateY(180deg) translateZ(-1px);
  -ms-transform: rotateY(180deg) translateZ(-1px);
  -o-transform: rotateY(180deg) translateZ(-1px);
  transform: rotateY(180deg) translateZ(-1px);
}
.flip-container .back2 p{ font:normal 14px 'Calibri'; color:#FFF; padding:0px 15px 0px 15px; line-height:24px; text-transform:lowercase; font-weight:normal;}
.flip-container .back2 h2{  color:#fff; padding:0px 0px 20px 0px; text-align:center; text-transform:uppercase; font:normal 20px 'bebasregular'; font-weight:normal;}
.flip-container .back2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -ms-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.top_fit{width:60%;}


/* vedio */

#div_demo {
	width:100%;
	height:720px;
	float:left;
	background-size:contain;
}
.videoBG_wrapper{ width:100%;}

/*---------------blck--------------------*/
.black_sect{ background-color:#333; padding:50px 0px 50px 0px; background-image:url(../images/tile.png); background-position:top center; background-repeat:no-repeat;}
.black_sect h2{ color:#fff; font:normal 45px 'Calibri';}
.black_sect span{color:#e54d4d ; font:normal 45px 'Calibri';}








/*------------------------Responsive-----------------------*/
/* Large desktop */
@media (min-width: 1200px) {body{overflow-x:hidden;}}
@media (min-width: 1300px) and (max-width: 1399px) { 
.section1{ width:100%; height:100%;}	
.pos1{top:20%; left:6%;}
.pos2{top:10%; left:19.5%;}
.pos3{top:16%; left:35%;}
.pos4{top:20%; left:50%;}
.pos5{top:20%; left:67%;}
body{overflow-x:hidden;}

} 
@media (min-width: 1200px) and (max-width: 1299px) { 
.service{ padding-top:0px;}
.sett_this{ height:590px;}
.banner1{ height:auto; }
body{overflow-x:hidden;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 1025px) and (max-width: 1199px) {
.padd_60px{ height:30px;}
.service{ padding-top:0px;}
.section1{ width:100%; height:auto;}	
.srvce_ban{ background-position:top; }	
.box{ width:20%; height:auto;}	
.sp-60{ height:10px;}
.sp-30{ height:15px;}
.bg_ban3{ background-position:top center;}
.box_option{ width:83%;}
.navbar .nav > li > a { padding:23px;}
.adress{ width:50%; left:0px;}
.abt_spaniac p{ width:100%;}
.bg_abt_spaniac{ background:none;}
.down_add h3{ display:none;}
.seo{background-position: -500px;}
.sp_im{ display:none;} 
.service{ padding-top:0px;}
.sett_this{ height:520px;}
body{overflow-x:hidden;}

	} 
	
/* Portrait tablet to landscape and desktop */
@media (min-width: 980px) and (max-width: 1024px) {
.padd_60px{ height:10px;}
.service{ padding-top:0px;}
.section1{ width:100%; height:auto;}	
.srvce_ban{ background-position:top; }	
.box{ width:20%; height:auto;}	
.sp-60{ height:10px;}
.sp-30{ height:15px;}
.box_option{ width:83%;}
.navbar .nav > li > a { padding:23px;}
.adress{ width:50%; left:0px;}
.abt_spaniac p{ width:100%;}
.bg_abt_spaniac{ background:none;}
.down_add h3{ display:none;}
.seo{background-position: -800px;}
.sp_im{ display:none;} 
.service{ padding-top:0px;}
.sett_this{ height:520px;}
#fbsection1{ display:none;}
body{overflow-x:hidden;}
	} 	
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.padd_60px{ height:10px;}
.service{ padding-top:0px;}
.section1{ width:100%; height:auto;}	
.srvce_ban{ background-position:top; }	
.box{ width:20%; height:auto;}	
.sp-60{ height:10px;}
.sp-30{ height:15px;}
.bg_ban3{ background-position:top center;}
.box_option{ width:83%;}
.navbar .nav > li > a { padding:23px;}
.adress{ width:50%; left:0px;}
.abt_spaniac p{ width:100%;}
.bg_abt_spaniac{ background:none;}
.down_add h3{ display:none;}
.seo{background-position: -800px;}
.sp_im{ display:none;} 
.sett_this{ height:500px;}
.service h1{ padding-top:40px;}
.cbp-fbscroller, .cbp-fbscroller section{ height:auto;}
#step{ display:none;}
#fbsection1{ padding-bottom:130px;}
.honesty h1{ line-height:60px; padding-top:130px;}
body{overflow-x:hidden;}
	}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.banner1{ display:none;}
#step{ display:none;}
.srvce_ban{ background-position:top;}	
.section1{ width:100%; height:auto;}
.border li{ border:none;}
.border li:hover{ border:none;}
.box{ width:100%; height:240px;}
.box_over{ width:100%;}
.fit{ width:100%;}
.sec_cover{ display:none;}	
.over{ display:none;}
.sett_this{ height:auto; padding-top:20px;}
.bg_ban4{ display:none;}
.box_option{ width:auto; margin:10px;}
.adress{ width:100%; left:0px;}
.bg_abt_spaniac{ background:none;}
.p_box1{ float:none; width:100%; height:auto;}
.p_box2{ float:none; width:100%; height:auto;}
.p_box3{ float:none; width:100%; height:auto;}
.p_box1:hover .p_box_over{ display:none;}
.p_box2:hover .p_box_over{ display:none;}
.p_box3:hover .p_box_over{ display:none;}
.portfolio h2{ padding-top:30px; }
.sp_foot{ height:300px;}
.banner1{ background-image:url(../images/banner.png);background-size:cover;}
.down{ display:none;}
.load{ display:none;}
.b_cont{ display:none;}
.bt_finout{ display:none;}
.seo {background:none;}
.sett_this{ height:auto;}
.down_add h3{ display:none;}
.cbp-fbscroller, .cbp-fbscroller section{ height:auto;}
.honesty h1{ padding-top:100px; padding-bottom:80px;}
.cbp-fbscroller, .cbp-fbscroller section{ height:auto;}
#step{ display:none;}
.sett_this{ height:110px;}
body{overflow-x:hidden;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.banner1{ display:none;}
#step{ display:none;}
.srvce_ban{ background-position:top;}	
.section1{ width:100%; height:auto;}
.border li{ border:none;}
.border li:hover{ border:none;}
.box{ width:100%; height:240px;}
.box_over{ width:100%;}
.fit{ width:100%;}
.sec_cover{ display:none;}	
.over{ display:none;}
.sett_this{ height:auto; padding-top:20px;}
.bg_ban4{ display:none;}
.box_option{ width:auto; margin:10px;}
.adress{ width:100%; left:0px;}
.bg_abt_spaniac{ background:none;}
.p_box1{ float:none; width:100%; height:auto;}
.p_box2{ float:none; width:100%; height:auto;}
.p_box3{ float:none; width:100%; height:auto;}
.p_box1:hover .p_box_over{ display:none;}
.p_box2:hover .p_box_over{ display:none;}
.p_box3:hover .p_box_over{ display:none;}
.portfolio h2{ padding-top:30px; }
.sp_foot{ height:300px;}
.banner1{ background-image:url(../images/banner.png);background-size:cover;}
.down{ display:none;}
.load{ display:none;}
.b_cont{ display:none;}
.bt_finout{ display:none;}
.seo {background:none;}
.sett_this{ height:auto;}
.down_add h3{ display:none;}
.sett_this{ height:110px;}
.cbp-fbscroller, .cbp-fbscroller section{ height:auto;}
body{overflow-x:hidden;}
}