@charset "utf-8";
/* CSS Document */
a{
	outline:none;
}
.Default_open{
	height:0px;
	overflow:hidden;
}
.Default {
    background-color: #f9f9f9;
    border: 0 none;
    height: 69px;
    padding: 0;
    position: relative;
    width:100%;
    z-index: 1002;
	transition-duration:0.5s;
	position:absolute;
	margin:105px 0px 0px 0px;
	box-shadow:0px 5px 5px #a8a7a2;
	
}
.Default2{
	height:0px;
	transition-duration:0.5s;
	overflow:hidden;
	position:absolute;
	width:100%;
}

.seacr_main{margin-top:17px; margin-left:20%; margin-right:20%;}
.search{margin-top:18px; float:left;}
.search_box{border:1px solid #016a9c; height:33px; padding-left:15px; float:left; width:85%;}
.search_icon1{width:auto; float:left; background-color:#f00001; padding:5px 6px 6px 6px;}
.close_icon{margin-left:5px; margin-top:4px; float:right;}


.padding{padding-left:0px;}
.wraper{max-width:1600px; margin:0 auto;}
body{font-family: 'open_sansregular'; font-size:14px; background-color:#dadee0;}
*{margin:0px; padding:0px;}
#header{width:100%; float:left; margin-top:2px; background-color:#fff;}
.top_rightbox{
	float:right;
	width:70%;
	height:auto;
}
.logo{float:left; width:auto; margin:16px 0 0 15px}
.navbar-toggle{background-color:#ef0000; border:#ef0000; !important}
.collapse{padding:0px;}
.navbar-nav{float:right;}
.sign_but_main{float:right;}
.sign_but{float:left; color:#414753; font-size:16px; margin-top:10px;}
.sign_text{float:left; color:#414753; font-size:16px; margin-top:10px; margin-left:33px; font-family: 'roboto_condensedregular';}

#banner{width:100%; float:left; background-image:url(../images/banner.jpg); padding-top:40px; padding-bottom:46px; background-repeat:no-repeat; background-size:cover;background-position:center center;}
.sub_banner img{width:100%; float:left; height:auto;}
.sub_banner{width:65%; float:left; margin-left:15px;}
.banner_text{float:left; background-color:#676768; padding-left:2%; margin-left:630px; position:relative; z-index:500; margin-top:-385px}
.banner_head{width:100%; float:left; font-size:25px; color:#feffff; font-family: 'open_sanssemibold'; margin-top:21px;}
.banner_sub_text{width:100%; float:left; color:#d2d2d2; font-size:15px; font-family: 'open_sansregular'; margin-top:13px;}
.banner_sub_text1{width:93%; float:left; color:#d2d2d2; font-size:15.5px; font-family: 'open_sansregular'; margin-top:13px; margin-left:7%; margin-bottom:38px;}
.banner_but{float:left; background-color:#fff; color:#676768; font-size:18px; font-family: 'roboto_condensedbold'; padding-left:30px; padding-right:30px; padding-top:5px; padding-bottom:5px; margin-top:23px;}

#banner_but{width:100%; float:left; background-color:#dadde5; border-top:1px solid #b8b6b7; padding-bottom:20px;}
.analys_but1{width:100%; float:left; background-color:#18559e; font-family: 'roboto_condensedbold'; font-size:18px; color:#fff; text-align:center; text-transform:uppercase; border-radius:6px; padding-top:12px; padding-bottom:12px; margin-top:20px;}
.analys_but{width:100%; float:left; background-color:#9a9b9c; font-family: 'roboto_condensedbold'; font-size:18px; color:#fff; text-align:center; text-transform:uppercase; border-radius:6px; padding-top:12px; padding-bottom:12px; margin-top:20px;}
.analys_but:hover{width:100%; float:left; background-color:#18559e; font-family: 'roboto_condensedbold'; font-size:18px; color:#fff; text-align:center; text-transform:uppercase; border-radius:6px; padding-top:12px; padding-bottom:12px;}
.banner_nav{list-style:none; margin-left:60px; background-image:url(../images/button_hover.jpg); background-repeat:no-repeat;}
.banner_nav_li{float:left; font-size:15px; color:#505050; font-family: 'open_sansregular'; margin-left:28px; margin-right:28px;}
.banner_nav_li:hover{text-decoration:none; color:#18559e;}
.code_active{font-weight:bold; color:#18559e;}
.small_arrow{background-image:url(../images/button_hover.jpg); height:8px; float:left; width:100%; background-repeat:no-repeat; background-position:bottom center; clear:both;}
.small_arrow1{background-image:url(../images/small_arrow.jpg); height:8px; float:left; width:100%; background-repeat:no-repeat; background-position:bottom center; clear:both;}



#code_review{width:100%; float:left; padding-top:64px; background-color:#fff;}
.clearsql_main{width:100%; float:left; margin-bottom:53px;}
.clearsql_main1{width:100%; float:left; margin-bottom:53px; display:none;}
.code_review_head{width:98.5%; float:left; color:#414753; font-size:18px; font-family: 'open_sanssemibold'; margin-left:1.5%;}
.code_review_text{float:left; margin-left:15px;}
.learn_but{float:left; font-size:15px; color:#fff; background-color:#676768; border-radius:5px; padding:10px 26px 10px 26px; text-transform:uppercase; font-family: 'roboto_condensedbold'; margin-left:15px; margin-top:10px;}
.code_ul{width:100%; float:left; margin-left:15px; font-size:15.4px; color:#7a7e86; line-height:24px; margin-top:10px;}
.code_review_img{width:auto; float:left;}
.click_but{float:left; font-family: 'roboto_condensedregular'; font-size:15.5px; color:#fff; padding-left:20px; padding-top:10px; padding-bottom:10px; clear:both;}

.clearsql_text_main{max-width:1282px; margin:0 auto; }
.clearsql_right{max-width:1170px; float:left;}
.clear_sql_logo{width:auto; float:left;}

.sqllogo{float:right; max-width:1110px;}

.code_review_click_but{width:auto; float:left; background-color:#ef0000;}

.click_zoom{color:#fff;}
.click_zoom:hover{color:#fff; text-decoration:none;}
.analys_text{width:100%; float:left; font-family: 'open_sanssemibold'; font-size:29px; color:#414753; margin-top:22px;}
.analys_subtext{width:100%; float:left; font-size:16.5px; color:#656565; line-height:24px; font-family: 'open_sansregular'; margin-top:22px;}

#why_choose{width:100%; float:left; padding-bottom:74px; background-color:#fff;}
.why_choose_head{width:100%; float:left; color:#414753; font-size:32px; font-family: 'open_sansbold'; text-align:center; border-top:2px dotted #d6d6d6; padding-top:57px;}
.reasons{width:100%; float:left; font-size:16.5px; color:#414753; text-align:center; text-transform:uppercase; margin-top:3px;}
.next_prev{float:left; margin-left:47.5%; margin-top:25px;}
.next{float:left; width:28px; height:6px; background-color:#414753;}
.prev{float:left; width:28px; height:6px; background-color:#e6e4e5; margin-left:4px;}


#features{width:100%; float:left; background-color:#f7f7f7; padding-bottom:49px;}
.feature_head{width:100%; float:left; font-size:25px; color:#414753; font-family: 'open_sansbold'; text-transform:uppercase; text-align:center; margin-top:49px;}
.feat_box{width:100%; float:left; background-color:#fff; padding-bottom:53px; margin-top:31px;}
.feat_box2{width:100%; float:left; background-color:#fff; padding-bottom:32px; margin-top:31px;}
.feat_box4{width:100%; float:left; background-color:#fff; padding-bottom:74px; margin-top:31px;}
.box_shadow{width:100%; float:left; background-image:url(../images/box_shadow.jpg); background-repeat:no-repeat; background-position:bottom; height:9px;}
.feat_icon{margin-top:30px; text-align:center;}
.feat_icon2{margin-top:30px; text-align:center;}
.feat_icon3{margin-top:30px; text-align:center;}
.feat_icon4{margin-top:30px; text-align:center;}
.buy_text{width:100%; float:left; font-size:21px; color:#ef0000; font-family: 'roboto_condensedbold'; text-align:center; margin-top:9px;}
.buy_text2{width:100%; float:left; font-size:21px; color:#414753; font-family: 'roboto_condensedbold'; text-align:center; margin-top:9px;}
.feat_text{width:100%; float:left; text-align:center; font-size:14px; color:#3c4149; margin-top:7px; line-height:21px;}




#fotter{width:100%; float:left; background-image:url(../images/fotter_bg.jpg); padding-bottom:12px;}
.nav_heading{width:100%; float:left; color:#fff; font-size:17px; font-family: 'open_sansregular'; margin-top:26px;}
.bottom_nav{width:100%; float:left; margin-top:12px; line-height:23px;}
.fotter_ul{list-style:none;}
.bot_nav{width:100%; color:#8f98ab; float:left; background-image:url(../images/nav_bg.png); background-repeat:no-repeat; background-position:left center; padding-left:15px;}
.bot_nav1{width:100%; color:#8f98ab; float:left; padding-left:15px;}
.bot_nav:hover{color:#fff; list-style:none; float:left; text-decoration:none; background-image:url(../images/nav_bg_white.png); background-repeat:no-repeat; background-position:left center; padding-left:15px;}
.bot_nav1:hover{color:#fff; list-style:none; float:left; text-decoration:none; padding-left:15px;}

#privacy{width:100%; float:left; background-color:#444750; color:#8f9196; padding-top:7px; padding-bottom:9px; font-size:14.8px;}
.terms_nav{color:#8f9196;}
.terms_nav:hover{color:#fff; text-decoration:none;}

#copyright{width:100%; float:left; font-size:14.8px; color:#fff; background-color:#e50000; padding-top:19px; padding-bottom:23px;}

#backTop{
    width:35px;
    height:30px;
    padding:10px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
#backTop.black{
     background:url(../images/up-arrow.png) no-repeat center center #e70000; 
    border:1px solid #fff;
	border-radius:4px;
}
#header .navbar{width:96%; float:left;}
.search_icon{margin-top:15px; float:left; width:auto;}
.searchicon{
    background-image: url(../images/searchicon.jpg);
    border: 0 none;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 33px;
    width: 32px;
}





@media only screen and (max-width : 320px) 
{
.navbar-toggle{margin-top:30px; !important}
.sign_but_main{display:none;}
.cleasql_logo{display:none;}
.code_review_click_but{width:97%; float:left; margin-left:1.5%;}
.analys_text{width:97%; float:left; margin-left:1.5%;}
.analys_subtext{width:97%; float:left; margin-left:1.5%;}
.clr_sql_text{float:left; margin-top:20px;}
.code_review_img{width:100%; float:left;}
.sub_banner{width:100%; float:left; margin-left:0px;}
.banner_text{width:100%; float:left; background-color:#676768; margin-left:1.5%; position:inherit; margin-top:10px;}
.navbar-collapse{ width:100%; background-color:#fff; position:absolute; z-index:1000;}
.banner_sub_text1{width:100%; float:left; margin-left:0%;}

.banner_nav{margin-left:0px; background-image:url(../images/button_hover.jpg); background-repeat:no-repeat;}
.banner_nav_li{width:100%; float:left; font-size:15px; margin-left:0px; margin-right:0px;}

.collapse{padding-left:15px;}
.navbar-nav{float:left;}


.clearsql_main{display:none;}
.clearsql_main1{display:block;}

.seacr_main{margin-top:17px; margin-left:0%; margin-right:0%;}
.search_box{border:1px solid #016a9c; height:33px; margin-left:5px; padding-left:10px; float:left; width:auto;}

.Default {margin:0px 0px 0px 0px;}
.logo{
	width:160px;
}

}

@media only screen and (min-width:321px) and (max-width:549px)
{
.navbar-toggle{margin-top:30px; !important}
.sign_but_main{display:none;}
.cleasql_logo{display:none;}
.sub_banner{width:97%; float:left; margin-left:1.5%;}
.banner_text{width:97%; float:left; background-color:#676768; margin-left:1.5%; position:inherit; margin-top:10px;}
.navbar-collapse{ width:100%; background-color:#fff; position:absolute; z-index:1000;}
.banner_sub_text1{width:100%; float:left; margin-left:0%;}

.banner_nav{margin-left:0px; background-image:url(../images/button_hover.jpg); background-repeat:no-repeat;}
.banner_nav_li{width:100%; float:left; font-size:15px; margin-left:0px; margin-right:0px;}

.feat_box{width:90%; float:left; margin-left:5%;}
.feat_box2{width:90%; float:left; margin-left:5%;}
.feat_box4{width:90%; float:left; margin-left:5%;}

.collapse{padding-left:15px;}
.navbar-nav{float:left;}

.code_review_click_but{width:97%; float:left; margin-left:1.5%;}
.analys_text{width:97%; float:left; margin-left:1.5%;}
.analys_subtext{width:97%; float:left; margin-left:1.5%;}
.clr_sql_text{float:left; margin-top:20px;}

.clearsql_main{display:none;}
.clearsql_main1{display:block;}

.seacr_main{margin-top:17px; margin-left:0%; margin-right:0%;}
.search_box{border:1px solid #016a9c; height:33px; margin-left:15px; padding-left:15px; float:left; width:65%;}
.close_icon{margin-left:15px; margin-top:4px; float:left;}

.Default {margin:0px 0px 0px 0px;}
.top_rightbox{
	width:90px;
}
#header .navbar{
	width:auto;
}
.search_icon{
	margin-top:35px;
}
.logo{
	width:160px;
}
.navbar-collapse{
    left: 20px;
    position: fixed;
}
}

@media only screen and (min-width:550px) and (max-width:767px)
{
.navbar-toggle{margin-top:10px; !important}
#header .navbar{
    float: left;
    width: 90%;
}
.search_icon{
	float:right;
}
.sign_but_main{display:none;}
.sub_banner{width:97%; float:left; margin-left:1.5%;}
.banner_text{width:97%; float:left; background-color:#676768; margin-left:1.5%; position:inherit; margin-top:10px;}
.navbar-collapse{ width:100%; background-color:#fff; position:absolute; z-index:1000;}
.banner_sub_text1{width:100%; float:left; margin-left:0%;}
.banner_nav_li{width:40%; float:left; font-size:15px; margin-left:0px; margin-right:0px;}
.feat_box_main{width:47%; margin-left:1.5%; float:left;}

.clr_sql_img{width:100%; float:left; margin-left:1.5%;}
.cleasql_logo{width:9%; float:left; display:none}
.clr_sql_text{margin-left:0%; float:left; margin-top:10px;}
.analys_text{width:97%; float:left; margin-left:1.5%;}
.analys_subtext{width:97%; float:left; margin-left:1.5%;}

.collapse{padding-left:15px;}
.navbar-nav{float:left;}

.clearsql_main{display:none;}
.clearsql_main1{display:block;}

.seacr_main{margin-top:17px; margin-left:0%; margin-right:0%;}
.search_box{border:1px solid #016a9c; height:33px; margin-left:15px; padding-left:15px; float:left; width:80%;}
.close_icon{margin-left:15px; margin-top:4px; float:left;}

.Default {margin:0px 0px 0px 0px;}
.top_rightbox{
	width:50%;
}
.Default {
    margin: 79px 0 0;
}
}

@media only screen and (min-width:768px) and (max-width:991px)
{
.feat_box_main{width:47%; margin-left:1.5%; float:left;}
.sub_banner{width:75%; float:left;}
.banner_text{float:left; background-color:#676768; margin-left:300px; padding-left:2%; position:relative; z-index:500; margin-top:-325px}
.banner_head{font-size:24px;}
.banner_nav_li{width:30%; float:left; font-size:15px; margin-left:0px; margin-right:0px;}

.clr_sql_img{width:85%; float:left;}
.cleasql_logo{width:9%; float:left;}
.clr_sql_text{margin-left:9%; float:left; margin-top:10px;}

.clearsql_main{display:none;}
.clearsql_main1{display:block;}
.top_rightbox{
	width:100%;
}
.Default {
    margin: 184px 0 0;
}
}


@media screen and (max-width: 1010px) {
.clearsql_right{
	display:none;
}
.clear_sql_logo{
	display:none;
}
.clearsql_main1{
	display:block;
}
.clearsql_main1 .cleasql_logo{
	display:block;
}
.clearsql_main1 .clr_sql_img{
    clear: none;
    float: left;
    width: 78%;
}
.logo{
	margin:15px 0 0 0;
}

}
@media screen and (max-width: 550px) {
	.clearsql_main1 .col-md-2{
    float: left;
    max-height: 100px;
    width: auto;
}
.clearsql_main1 .col-md-2 img{
    height: inherit;
    max-height: 180px;
    max-width: 100%;
}
.Default {
    margin: 79px 0 0;
}
}